日期:2014-05-17  浏览次数:20700 次

DIV+CSS 布局DIV的宽和高如果设置为百分比,那么当页面变小的时候,页面会严重变形.有解决办法?
1.DIV+CSS   布局DIV的宽和高如果设置为百分比,那么当页面变小的时候,页面会严重变形.原来一行里的3个DIV会分三行显示了,有解决办法?
2.具体问题:一行有三个DIV,百分比分别为30%,30%,40%,当设置了DIV的border后这三个DIV就会不站一行了.有什么办法呢?


谢谢.



------解决方案--------------------
方法,先放一个有像素宽度的div把那三个先放进去,
在这个大的div外面再放一个100%宽的div。
要求,内部div就不要用%来控制大小了。
感觉%定位的网页不好,只要网页被缩放就会有变化。
------解决方案--------------------
你可以设置最小宽度min-width和最大宽度max-width。
------解决方案--------------------
1.两个楼上说的很对 您可以设置max-width = x% 然后min-width设置成一个标准值比如说300px
这样层的最小宽度成了300px保证不会变形
2.在里面做个1像素的贴边背景图片或者布局时候注意先计算出宽度再布局!
------解决方案--------------------
1、页面变小的时候,一行显示不完3个div的内容,只能换行了
2、当你为div加上border时,它们的总宽度就超过了30%+30%+40%,得再加上每条边的1个像素
------解决方案--------------------
字体也可以设置成%