-
版式布局查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
position:absolute(绝对定位)查看全部
-
混合布局： .left{ width:200px;height:500px;position:absolute;left:0;top:100px;background:blue;} .right{background:#9C9;height:500px;margin-left:210px;} .foot{width:100%;height:50px;background:#F63;clear:both;}查看全部
-
三列固定布局： .left{ width:200px; height:600px; background:#ccc;position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0;position:absolute;right:0;top:0; background:#FCC;}查看全部
-
俩列自适应: .main{ width:100%; height:600px; margin:0 auto} .left{ width:38%; height:600px;background:#ccc; float:left;text-align:left; }/*左浮动样式*/ .right{width:60%;height:600px;background:#FCC;float:right;text-align:left;}/*右浮动样式*/查看全部
-
一列居中： .main,.footer{ width:500px; margin:0 auto;} 先定宽，再margin：0 auto查看全部
-
可以让元素脱离文档流的是：浮动（float）和 绝对定位（position：absolute）查看全部
-
三列布局特殊例子 记得看查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。查看全部
-
右边宽度自适应时 左边要用绝对定位，右边要用margin-left查看全部
-
使用position：absolute；left：0。让这个div固定在网页左边。查看全部
-
clear:both;是清楚所有浮动效果查看全部
-
单列布局，margain:0 auto 让body居中查看全部
-
将技术与艺术完美融合，自适应，分栏查看全部
举报
0/150
提交
取消