移动页面 :流动布局(各个区块的位置都是浮动的,不是固定不变的。)
栗子:HTML代码
.main {
float: right;
width:70%;
}
.leftBar {
float: left;
width:25%;
}
float的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向overflow(溢出),避免了水平滚动条的出现。另外,绝对定位(position: absolute)的使用,也要非常小心。还有图片的宽度和高度要按百分比来设定,千万不可以设定成固定大小。