firefox效果
ie8效果
动态加入的条件那行顶破第一个fieldset边了.
主要是内容中加入white-space:nowrap;导致
--------测试代码---------
<!DOCTYPE html>
<fieldset>
<legend>overflow test <a href=#1 οnclick="insertDiv();">insertDiv</a></legend>
<div id="box">
<div style="width:5000px;border:1px solid orange;">init div is overflow </div>
</div>
</fieldset>
<script>
function getObj(id) {
return document.getElementById(id);
}
function insertDiv() {
var div = document.createElement('DIV');
div.style.width = '10000000px';
div.style.border = '1px solid red';
div.title = 'it is overflow';
getObj('box').appendChild(div);
}
</script>
</html>
----------------------测试效果(如果把浏览模式设置成quiks就正常)-------------