网页缩小的内容偏左css怎么解决

html-css014

网页缩小的内容偏左css怎么解决,第1张

网站缩放产生是因为页面宽度无法容纳两个元素产生布局被撑破了。如下所示

方法：

<div style="width:1000pxmargin:autooverflow:hiddenclear:both">

<!----overflow 属性有必要存在,超出范围隐藏---->

<div style="width:600pxbackground:#f00float:left">分类浏览</div>

<div style="width:400pxbackground:#39Ffloat:left">编辑推荐</div>

</div>

不要用定位去居中：

body{text-align:center}/*IE下让内容居中*/

.wp{

width: 980px

margin: 0 auto/*FF、CH、SF、OP下让区块居中*/

text-align: left/*继承了body的text-aling: center，这个区块中的内容和文本也会居中，重新设置为left对齐方式覆盖回来*/

}

<div class="wp">居中的div，其他内容都放在里面</div>