cssdiv⽹页布局代码⾃适应,css+div页⾯布局之1--⾃适应浮动 float属性：定义元素在哪个⽅向浮动。float：left  | right |  none
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另⼀个浮动框的边框为⽌。
外边距 margin属性：百分数是相对于⽗元素的 width 计算的。
页⾯div：
1) Content here.
2) right part here.
3) left part here.
1:2:1⾃适应布局：
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%;width:100%;}
div#navigation{float:left;width:25%;margin-left:-25%;background:#B9CAFF}
div#extra{float:left;width:25%;margin-left:-100%;background:#FF8539}
2:1:1⾃适应布局：
div#wrapper{float:left;width:100%}
div#content{margin-left:0;width:100%;}css布局左边固定右边自适应
div#navigation{float:left;width:25%;margin-left:-50%;background:#B9CAFF}
div#extra{float:left;width:25%;margin-left:-25%;background:#FF8539}
1:1:2⾃适应布局：
div#wrapper{float:left;width:100%}
div#content{margin-left: 50%;width:100%;}
div#navigation{float:left;width:25%;margin-left:-100%;background:#B9CAFF}
div#extra{float:left;width:25%;margin-left:-75%;background:#FF8539}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。