-
混合布局查看全部
-
三列布局，两边固定宽度，中间自适应。 两边利用绝对定位。 中间不定义width，定义margin。查看全部
-
一、清除默认样式body{margin：0；padding：0} 二、两列布局： 1、宽度自适应（用的比较少）， 1.1因为宽度要自适应，所以要设置左侧left的width:xx%；1.2，需要左右排列，所以设置float:left；1.3另一侧right也设置width和float(left和right都可以吧，再微调) 2、固定宽度（☆☆☆☆☆）left和right增加一个父div#main,设置这个main的width，以及margin 0 auto；2.1如果要精确控制left和right的宽度，可以使用px【就是说也可以使用%粗略控制。查看全部
-
清除浮动方式： clear:both overflow:hidden 在有些情况下只能是用overflow:hidden来清除浮动查看全部
-
1, margin:上 右 下 左; margin:0 300px 0 200px; 2,左侧固定宽度 中间自适应宽度 右侧固定宽度 使用float不能排成一行；使用定位position:absolute; 例：.left{ width:200px;height:500px;background:#ccc; position:absolute; left:0; top:0; } .middle{ height:500px; background:#999; margin:0 300px 0 200px; } .right{ width:300px; height:500px; background:#000; position:absolute; right:0; top:0;} 若想两边增加空隙 则各加10px查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 浮动和绝对定位脱离文档流的区别 相同点：其他盒子都会无视被浮动或绝对定位的盒子； 不同点：盒子的内容会考虑被浮动的盒子，但仍然会无视绝对定位的盒子查看全部
-
div{width:100px;height:100px;margin:0 auto 水平居中查看全部
-
<!DOCTYPE html> <html> <head> <title>this is a page</title> <style type="text/css"> body{padding:0; margin:0; } .left{width:200px; height:500px; position:absolute; left:0px; top:0px; background: red;} .middle{height:500px; background: blue; margin:0 310px 0 210px;} .right{width:300px; height:500px; position:absolute; right:0px; top:0px; background: orange;} </style> </head> <body> <div class="left">this is left</div> <div class="middle">this is auto</div> <div class="right">this is right</div> </body> </html>查看全部
-
左右俩侧定位 为中间加margin 左右的像素查看全部
-
margin:0 auto 水平居中查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 浮动和绝对定位脱离文档流的区别 相同点：其他盒子都会无视被浮动或绝对定位的盒子； 不同点：盒子的内容会考虑被浮动的盒子，但仍然会无视绝对定位的盒子。查看全部
-
yes,you can.查看全部
-
这些布局是基础，更多的是混合布局。查看全部
-
3栏布局 左右固定大小，中间自适应，使用 position:absolute;来布局， 中间的使用margin: 0 右边div大小 0 左边div大小；若要加空隙 eg左右div+10px查看全部
-
简单的三列布局写法，自适应。查看全部
举报
0/150
提交
取消