移动页面 最基本的布局

移动页面 ：流动布局（各个区块的位置都是浮动的，不是固定不变的。）

栗子：HTML代码

.main {

    float: right;

    width:70%;

}

.leftBar {

     float: left;

     width:25%;

}

float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position: absolute）的使用，也要非常小心。还有图片的宽度和高度要按百分比来设定，千万不可以设定成固定大小。