-
float 和 绝对定位 可以让元素脱离文档流查看全部
-
左右固定宽度，中间自适应查看全部
-
清理浮动 clear：both查看全部
-
使网页布局居中只需要在函数的后边加上margin:0 auto查看全部
-
在新显示一个页面的时候，先清除固有格式，body{margin:0 0;padding:0 0;}查看全部
-
一般固定宽度，放置简单的东西查看全部
-
一列布局，通常用作网站首页，简单明了，主题突出查看全部
-
一列二列三列混合查看全部
-
版式布局查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用position：absolute脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
清楚浮动的方法： 一：clear:both(/left/right); 二：overflow:hidden;width:100%; 三：给main设置高度：.main{width:960px; {height:600px};margin:0 auto;} 四：margin:600px 0 0 0;查看全部
-
布局又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合。 网页设计的特点：网页可以自适应宽度；网页的长度理论上没有限制。 分栏又称为分列，常见布局分为：一列布局、二列布局、三列布局、混合布局。查看全部
-
一列布局：absolute和margin:0 auto 居中 二列布局：使用main函数定义全宽度，再使用类选择器去选择便签类;例如<div> 使用float：left or right;不定宽度的块状元素 三列布局：查看全部
-
clear:both 清除其他块浮动效果对该块的影响查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;background-color:#CCC;} .main{background-color:red; position:relative;} .main,.left{height:300px;} .left{ width:200px;background-color:blue;float:left} .right{background-color:yellow; position:absolute; left:210px; right:0;top:0; bottom:0;} .foot{width:100%;background-color:#00FFFF;clear:both;}查看全部
举报
0/150
提交
取消