-
混合布局，谁先加载怎么实现？查看全部
-
浮动（float）和 绝对定位（position：absolute）可以让元素脱离标准文档流。查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>布局挑战</title> <style type="text/css"> .top{ height:100px; background:#900;} .foot{ height:100px; background:#999} .right{ height:600px; background:#93C; margin-left:220px; } .left{ width:200px; height:600px; background:#9F9; float:left;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="left">left</div> <div class="right">right</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
1.使div居中：设置margin:0 auto查看全部
-
注意把一列改造为两列时，div的嵌套，若成一大条状，要注意是否浮动float查看全部
-
三列布局中间要想和两边有距离，假如说200px，300px的话就设定为0 310px 0 210px，注意理解，并且注意margin设定必须加上px，除非为0查看全部
-
.left{width:200px;height:500px;background:#ccc;float:left} .main{height:500px;background:blue;} .right{width:500px;height:500px;background:#900;float:right} 这样是无法在一个行中的，应改为 .left{width:200px;height:500px;background:#ccc;position:absolute;left:0;top:0;} .main{height:500px;background:blue;margin:0 500 0 200;} .right{width:500px;height:500px;background:#900;position:absolute;right:0;top:0}查看全部
-
自适应宽度 设定width:20%查看全部
-
.main{width:50px;height;background;margin:0 auto;}查看全部
-
利用百分数时,注意浮动问题.百分数时浮动与,具体的px浮动起来是有区别的查看全部
-
margin:0 auto 居中查看全部
-
清除浮动的方法： 1.clear:both; 清除两边元素的浮动对他的影响 2.overflow:hidden; 在设置了width 或 height 的div中，超出父元素宽度或高度的部分，就隐藏了。查看全部
-
三列布局： 左右列固定宽度，中间列自适应。 左侧绝对定位：position：absolute;left:0;top:0; 右侧绝对定位：position：absolute;right:0;top:0; 中间宽度定位：margin:0 10px 0 10px; 上右下左，左右调节大小可以紧邻，也可以有间距查看全部
-
float:left;text-align:left;浮动到左边，文字左对齐，可以通过改变left为某像素进行缩进; 二列布局里间距可用position:relative:right:-30px查看全部
-
两列布局利用到了float：left/right 属性 1.自适应，用百分比%分配宽度，当拖动浏览器窗口时，按设置做相应变化，此方法比较少用 2.固定宽度，用px明确指定宽度， 限制左右在父级框中 .main{} .left{float:left;} .right{float:right;} <div class="main">查看全部
举报
0/150
提交
取消