-
让元素脱离文档流:浮动(float)和绝对定位(position:absolute) 文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序)查看全部
-
网页设计特点(相对纸媒来说) 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长查看全部
-
自适应高度和宽度查看全部
-
清除默认样式: body{margin:0;padding:0}查看全部
-
总结: 脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。查看全部
-
A floated box is laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content can flow down the right side of a left-floated box and down the left side of a right-floated box查看全部
-
一列布局 一般都是单行文本 固定宽度查看全部
-
中间如果要实现空隙效果 注意是在margin值的原值上加值查看全部
-
.footer{ height:50px; background:#9F9; clear:both;} float会对其之后的元素产生影响,用clear:both;清除浮动影响, 其实正经的清除浮动请看 http://www.cnblogs.com/hongru/archive/2010/10/06/1844855.html查看全部
-
position:absolute绝对定位 三列布局,两边宽度固定,中间自动适应,浮动不行,采用定位的方式 三列布局:左侧和右侧固定,中间自适应: 左侧{position:absolute;left:0;top:0} 右侧{position:absolute;top:0;right:0} 中间{margin-left:100px;margin-right:100px;}查看全部
-
三列布局,两边宽度固定,中间自动适应,浮动不行,采用定位的方式 三列布局:左侧和右侧固定,中间自适应: 左侧{position:absolute;left:0;top:0} 右侧{position:absolute;top:0;right:0} 中间{margin-left:100px;margin-right:100px;}查看全部
-
三列布局:左右固定宽度值,中间自适应。此时不能浮动布局,应该使用绝对定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值} 单列布局:居中显示:margin:0 auto; 二列布局:float:left;float:right; 三列布局:每一个宽度为33.3%,中间的也要写float:left;或者用绝对定位position:absolute,=查看全部
-
下面哪两个css设置,可以让元素脱离文档流:浮动(float)和 绝对定位(position:absolute)查看全部
-
Div{width:800px; height:500px; margin:0 auto},上面这段样式,可以让div在页面的:居中查看全部
-
自适应宽度和固定宽度查看全部
举报
0/150
提交
取消