-
两列布局：自适应的两列布局：width用百分比+float； 固定宽度的两列布局：width：具体值/父级元素的宽度确定，width+百分比；+float; 如果没有加float的话，不能实现并排的两列布局。查看全部
-
两列布局的自适应布局一般用的比较少，用固定的比较多查看全部
-
<!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> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .top{ height:100px;background:#9CF} .head,.main{ width:960px;margin:0 auto;} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; float:left;} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; float:right} .footer{ height:50px; background:#9F9; clear:both;margin:0 auto;} </style> </head> <body> <div class="top"> <div class="head">head</div> </div> <div class="main"> <div class="left">left</div> <div class="right">查看全部
-
三列布局查看全部
-
单列布局：居中显示：margin:0 auto; 二列布局：float:left;float:right; 三列布局：每一个宽度为33.3%，中间的也要写float:left;或者用绝对定位position：absolute，=查看全部
-
三列布局：左右固定宽度值，中间自适应。此时不能浮动布局，应该使用绝对定位查看全部
-
两列布局： 一般用的比较少。查看全部
-
一列布局： 1.通常作为网页头部。固定宽度。 2.正真开发，高度设置自动的。查看全部
-
布局： 1.又叫版式布局。 特点： 1.宽度可以自适宽度。 2.长度无线延长。 分栏： 1.又叫分列。查看全部
-
留着查看查看全部
-
编程练习 学习完《二列布局》课程后，完成本次实战练习，快来检验你的实战成果吧！任务最终效果如下：查看全部
-
请补充完整代码，完成代码编辑器中的任务1，要求main和footer在浏览器中水平居中。如下图所示：查看全部
-
body{margin:0 auto;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:360px;height:600px; background;#ccc;float:left} .right{width:600px;height:600px;background:#fff;float:right}查看全部
-
1、列表局通常用于首页 让div居中:margin:0 outo; margin:0 outo,是表示 上下为0 左右自动。 2、默认样式 body{maigin:0;padding:0} 布局前先清除样式查看全部
-
position：absolute，relative，fixed查看全部
举报
0/150
提交
取消