代码之家  ›  专栏  ›  技术社区  ›  Peter Perháč

边距:0自动;在Chrome/FF中似乎可以正常工作,但是,再一次,IE不同意

  •  1
  • Peter Perháč  · 技术社区  · 16 年前

    clear:both;
    margin:0 auto;
    width:920px;
    

    这似乎在FF/Chrome中工作得很好,但是当加载到IE中时,所有的东西都粘在窗口的左侧。这有什么问题?保证金:0自动;似乎是一个明智的,直截了当的规则。我为什么不服从?

    3 回复  |  直到 16 年前
        1
  •  1
  •   k0ni    16 年前

    请检查您的DOCTYPE是否如下所示:

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <!--  --><?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    

    因为那样的话,IE将处于Quirksmode(没有boxmodel)

        2
  •  1
  •   Rowan    16 年前

    position:absolute;left:50%;
    margin:0 0 0 -460px;
    width:920px;
    

    它将把div放在其父对象的中心。

        3
  •  0
  •   Piskvor left the building Rohit Kumar    16 年前

    有时,可以明确地扩展选项:

    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;