javascript - 边距和填充导致计算布局问题

Question

我遇到了这个问题，我在 IE6 中没有得到真正的偏移量。我正在使用偏移来定位弹出窗口。

CSS 是这样的:

.container50-50-right-border              { }
.container50-50-right-border .title       {padding: 0px; margin: 0px;
                                           clear: both;}
.container50-50-right-border .leftcolumn  {width: 47%; float: left;
                                           display:inline;}
.container50-50-right-border .rightcolumn {width: 48%; float: left;
                                           display:inline;
                                           border-left: 1px solid #D6D7DE;
                                           padding: 0px 0px 0px 10px;
                                           margin: 0px 0px 0px 10px;}
.container50-50-right-border .description {clear: both;}

当我从中删除填充和边距时

.container50-50-right-border .rightcolumn

它的表现稍微好一点，但并不完美。定位代码经过了很好的测试，所以我不认为是这样。

抱歉代码量太少。任何帮助将不胜感激。

Answer 1

请记住，IE 将根据所处的渲染模式(Quirks 模式与标准模式)切换框模型。验证您使用的 Doctype 是否将 IE 置于 Strict 模式，否则它用于定位的框模型将不是标准的 W3C 模型。

http://www.quirksmode.org/css/quirksmode.html