1、需设置width值为100%或100px(固定的像素长度,数值可自定义)或inherit(继承父对象的宽度);2、默认div标签的width值为auto是根据里面的内容来自动适应宽度的,当其position:relative 时,如果其父标签的宽度较大,而其自适宽度不够则后边可能出现很大空当,使用第一条的方法处理可以解决;3、另外...
box属性是一行分多列,而你的需求相当于三行,因此,使用box不适合。建议:使用3个长度100%的主div进行布局;使用CSS定位控制(position属性)固定上下两个div 。至于居中(因为是100%的长度,居中没有意义,如果主div的宽度小于100%则需要类似下面的css进行控制):.box{ width:960px; margin:0 ...
.leftBar { float: left; width: 25%;} float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现。另外,绝对定位(position: absolute)的使用,也要非常小心。 六、选择加载CSS "自适应网页设计"的核心,就...