0

我有一个像这样的嵌套 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>
4

1 回答 1

0

使用条件

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;
    }
于 2012-11-23T03:34:27.283 回答