好久没写页面了,今天写页面为了能在IE6下兼容,一张页面,居然纠结了我一上午,写页面的过程中出现了以前出现过的IE6下div 边框断线问题
为了以防今后还会有类似的问题出现,特意写点笔记记录下来
最外层的div是没有定义任何高度的
我们可以通过下面的办法解决:
1.在父元素中加入height:1%
2.加入一个宽度
3.加入一个背景色
试了试这几种方法都可以解决问题,要解释却是很难解释的清楚
<div style="margin:500px 100px 10px 100px;padding:50px;border:1px solid #ccc;line-height:300%">
<div style="float:left">
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
</div>
<div style="float:right">
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
网页标准化过程中一些理论<br />
</div>
<div style="clear:both"></div>
</div>
像这种情况,在火狐下可以看出最外成的高度为192px;如果将最外层的style="margin:192px 100px 10px 100px;
断线依然存在,当设置成
style="margin:191px 100px 10px 100px;
断线是不存在的,如果给最外一层加上一高度,断线却是怎么也不会存在了
这问题着实有点奇怪,求解释也解释不出来,先收着吧,说不定有天我能碰到对此的解释说明