-
清除浮动： 1.clear:both 2.overflow:hidden查看全部
-
width的像素不填满整个宽度就会出现白色的啦！ left和right的位置通过text-align:left来控制！！！ <!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"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .main{ width:960px; height:600px; margin:0 auto} .left{ width:300px; height:600px; background:#ccc;float:left;text-align:left;}/*左浮动样式*/ .right{ width:640px; height:600px; background:#FCC;float:right; text-align:left;}/*右浮动样式*/ </style> </head> <body> <div class="main"> <div class="left">left</div> <div class="right">right</div> </div> </body> </html>查看全部
-
三列布局： .left{width:200px;height:800px;color:#ccc;position:absolute;left:0;top:0;} .middle{height:800px;color:#345;margin:0 310px 0 210px} .right{width:300px;height:800px;color:#999;position:absolute;right:0;top:0}查看全部
-
清除浮动有两种方法：1.clear:both 2.overflow:hidden查看全部
-
之所以用margin定义中间的盒子是因为left和right分别用了position定位 那么就是说已经脱离了标准文档流 只有中间的middle在标准文档流里面 用margin定义很合适查看全部
-
div 嵌套 叠压 紧靠查看全部
-
混合布局，float：left 向左进行浮动查看全部
-
一列布局，关键是对于div的使用，margin：0 auto可以使得div自动居中查看全部
-
分栏又叫做分列，常见的布局有：一列布局、两列布局、三列布局、混合布局查看全部
-
艺术与技术完美融合的关键岗位查看全部
-
宽度自适应：按照百分比设定；水平居中的布局：margin:0 auto查看全部
-
clear:both 清除浮动查看全部
-
三列布局： left{weith:200px;position:abusolute;left:0px;top:0px;} middle{margin:0 210px 0 310px} right{weight:300px;position:abusolute;right:0px;top:0px;}查看全部
-
margin:0 auto;使元素水平居中。查看全部
-
三列布局：left{weith:200px;position:abusolute;left:0px;top:0px;} middle{margin:0 210px 0 310px} right{weight:300px;position:abusolute;right:0px;top:0px;}查看全部
举报
0/150
提交
取消