hsfl.net
当前位置:首页 >> 浏览器缩小页面,布局就乱了,怎么办? >>

浏览器缩小页面,布局就乱了,怎么办?

这个问题是新手的问题,你有div id="box" 但是你没给这个box做样式

设置最小宽度,min-width:900px; 就算你缩小浏览器窗口小于900px,你的那个div

你左右两边的宽度是多少,是像素还是百分比。 如果你定义定义的页面宽度是百分比,建议你定义布局其他宽

要想缩小后出现滚动条,宽度就不能设为百分比(否则的话窗口缩小后它就按缩小后的窗口宽度来计算百分比了)

原因: body下一级的元素css中都有float浮动;而body的大小是随浏览器窗口大小改变的,

如果窗口缩小,页面样式错乱就要对每个元素设置长宽、浮动、定位保证每个元素唯一。 HTML中引入CSS

给他设置一个最小宽度就好了,min─width:

第一种方法就是全局代码用百分比来写,这样浏览器缩放的影响不大,但是这样很麻烦很复杂;第二种方法就是用

也可以考虑在内容外设置一个定宽的父层

现在的大部分都是div+css的布局,出现问题是很常见的,如网页缩小时候的错位: 1,因为你的DI

网站首页 | 网站地图
All rights reserved Powered by www.hsfl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com