-
1、margin:外边距 {margin:0 auto; }居中: {margin: 10px 20px 30px 40px;} 上10px，右20px ，下 30px，左40px； {margin:10px 5px 15px;} 上10px, 左右5px， 下15px； {margin:10px 5px;} 上下 10px， 左右5px {margin:10px ;} 上下左右 10px 2、float: 浮动 浮动是跟随的 {float:right;} 右浮动 {float:left; }左浮动 3、position:定位 {position: absolute;left: 30px;top: 20px;} 绝对定位 左30px 上20px {position: relative; left: 30px;top: 20px;} 相对定位 相对于原位置 向下20px，向右30px;查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute#固定值#; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px#设置固定像素#;background:#9CF} .right{ height:600px; width:300px; background:#FCC; position:absolute#固定值#;left:0;top:0;}查看全部
-
margin:0 auto水平居中查看全部
-
为什么块叠压着块没讲啊查看全部
-
3-2为什么选A查看全部
-
在foot里面清除浮动 clear:both查看全部
-
两列布局利用到了float：left/right 属性 1.自适应，用百分比%分配宽度，当拖动浏览器窗口时，按设置做相应变化，此方法比较少用 2.固定宽度，用px明确指定宽度， 限制左右在父级框中 3.如果需要浮动元素居中可以再外面包一个父级并给父级设置宽和margin;0 auto；查看全部
-
固定宽度的元素排成一行时用float，存在自适应宽度元素的若干元素排成一行时用position。查看全部
-
clear:both 清除浮动查看全部
-
两边固定宽度，中间自适应的三列布局查看全部
-
float:left;浮动到左侧查看全部
-
最简单的水平居中：margin:0 auto 也可以像以前那样 position left：50% 然后再移动自身的一半 body{padding:0;margin:0;} 去除原来的布局查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
<head> body{padding:0;margin:0;} .top{height:100px;background:biue;} .main{width:800px;height:300px;background:red;margin:0 auto} .bottom{width:800px;height:100px;background:#900;margin:0 auto} </head> <body> <div class="top"></div> <div class="main"></div> <div class="bottom"></div> </body>查看全部
-
...查看全部
举报
0/150
提交
取消