html中加了很多层div,为什么网页缩小时各部分会错位

html-css017

html中加了很多层div,为什么网页缩小时各部分会错位,第1张

现在的大部分都是div+css的布局，出现问题是很常见的，如网页缩小时候的错位：

1，因为你的DIV的宽高是确定的值，所以你一缩小，自然你的浏览器宽度和高度就发生了变化，自然就会造成div的挤压，因为导致错位，就像代码中的一样：

<div id='main'>

<div class='a' style="width:1000pxflaot:left">aaa</div>

<div class='b'style="width:1200pxflaot:left">bbb</div>

</div>

这样浏览器的宽度不够自然就错位了

在table标签的style属性上加上table-layout:fixedtext-overflow:clip设置td的宽度，在style属性里加上word-break:keep-allwhite-space:nowrapoverflow:hidden把多余的部分隐藏掉