Question

我有一个像这样的嵌套div

<div>
<div id="nested">
</div>
</div>

它的风格

#nested {
    border: 1px solid #E2E2E2;
    overflow: hidden;
    padding-top: 5px;
    text-align: left;
    width: 10px;
}

然而，当在IE7上显示时，嵌套的“div”是居中对齐的。我应该在样式中添加什么新内容来覆盖以前的样式？

在firebug或chrome中没有中心对齐的东西，仅在IE7中

我的页面结构如下所示

<html>
<body>
   <html>
      <body>
         <div id="nested">
         </div>
      </body>
   </html>
<body>
</html>

Answer 1

使用条件

http://css-tricks.com/snippets/html/add-body-class-just-for-ie/

样品

HTML

 <!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->

CSS

 html.ie7 #nested {
        border: 1px solid #E2E2E2;
        overflow: hidden;
        padding-top: 5px;
        text-align: left;
        width: 10px;
        float:left;
    }

显示嵌套的div失败

1 个答案: