-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
三列布局特殊案例： 左右定宽，中间自适应 用浮动实现不了要求，要使用定位的方法 左侧绝对定位，left：0；top：0 右侧绝对定位，right：0；top：0 中间不设宽度，增加margin：0 300px 0 200px（300px为右侧宽度，200px为左侧宽度） 三列定宽可使用浮动的方法查看全部
-
padding :0 auto;查看全部
-
body{margin:0}查看全部
-
margin:0 auto; 实现元素水平居中查看全部
-
固定宽度两列布局较常用，将左右两列布局包裹在父级内，父级固定宽度查看全部
-
一列布局通常作为网站首页（如百度） 一列布局固定宽度较多查看全部
-
布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。 网页设计特点： 网页可以自适应宽度； 网页的长度理论上没有限制。 分栏又称为分列，常见的布局分为：一列布局，二列布局，三列布局，混合布局（常用） 用CSS的浮动、定位等实现UI设计查看全部
-
补充关于英文无限制撑开width问题。。无意义的英文才会有这个bug 若为单词则不会。。查看全部
-
在绝对定位的盒子模型中 如果使用全英文将不会实现自动换行行为。即width将会被无限制撑大。 而使用中文却不会有这个问题查看全部
-
body{margin:0;padding:o} .left{width:200px;height:500px;background:blue;position:absolute;left:0;top:0} .middle{height:500px;background:#999;margin:0 300px 0 200px}//自适应宽度 .right{width:300px;height:500px;background:#ddd;position:absolute;right:0;top:0}查看全部
-
简介，可不看查看全部
-
写错过： 绝对定位脱离文档流！ 相对定位没有脱离文档流！查看全部
-
清除浮动：clear：both查看全部
-
浮动和绝对定位可以让元素脱离文档流 文档流：块级元素独占一行，内联元素不独占一行 相对定位：元素自己本身用top、right、bottom、left进行定位之后，元素会根据原来的位置进行移动，由于相对定位这个属性并没有脱离文档流，所以元素本身所占的位置会保留查看全部
举报
0/150
提交
取消