-
尺寸查看全部
-
clear:both 清除浮动查看全部
-
三列布局： 中间自适应，并且三个div在一行，所以不用width，float，用position，中间margin查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;height:100px;background:#ccc;} .main{width:100%;background:red;height:500px;} .left{width:200px;height:500px;background:blue;} .right{margin-left:210px;height:500px;background:#9c9;position:absolute;width:100%;} .foot{width:1005;height:50px;background:#f63;}查看全部
-
浮动（float）和 绝对定位（position：absolute）可以让元素脱离文档流。查看全部
-
两列布局： 一般而言，固定宽度的两列布局用的更为广泛 自适应：用%查看全部
-
一列布局 一般用于网站首页，页面简单明了，主题突出，适合放置简单内容 因为只有一列，网页宽度较宽，所以一般不会插入多行文字，否则会比较容易串行。 一般网页上一列布局都是固定宽度的。 头部一般高度固定，宽度自适应。 主体一般固定宽度，高度自适应。 底部一般固定宽度和高度。查看全部
-
一列布局 实现定宽元素居中：margin：0 auto; 上下为0，水平居中查看全部
-
混合布局 1、宽度自适应：不设置宽度； 2、样式加载：样式按从上往下排序，写在前面的先加载； 3、兼容ie6：不能用浮动float，只能先设置父元素main为相对定位relative作为参照定位，后设置其子元素(right、left)为绝对定位absolute，并设置其具体位置。查看全部
-
文档流：自上而下，从左到右。 浮动（两张纸叠放，最下面的是文档流，上面的是浮动元素的位面）：脱离文档流。查看全部
-
clear:both 清除浮动查看全部
-
混合布局 在父元素里面添加子元素可以再分割查看全部
-
三列布局 【1】左右列固定宽度，中间列自适应。 【2】左侧绝对定位：宽；高；position：absolute;left:0;top:0; 【3】右侧绝对定位：宽；高；position：absolute;right:0;top:0; 【4】中间宽度定位：高；margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可查看全部
-
三列布局 （1）自适应宽度不应该用float，应该用positon （2）left和right为固定宽度，中间部分自适应查看全部
-
浮动（float）和 绝对定位（position：absolute）可以让元素脱离文档流。查看全部
举报
0/150
提交
取消