-
兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。 要右侧自适应，则左侧应该定宽并且position：absolute。 .left{width:200px;height:300px;background:#0000FE;position:absolute;top:0px;} .right{margin-left:210px;height:300px;background:#9ACC99;;}查看全部
-
CSS布局笔记： 1.使用margin:0 auto；使得div居中; 2.使用float为left和right使得两个div处于同一行； 3.使用百分比宽度实现宽度自适应，使用绝对值使得宽度固定； 4.使用position:absolute实现div绝对定位，在三列布局中使得最左和最右绝对定义，中间可自适应； 5.混合布局可使用嵌套的方式，在横向header、main和footer，然后在main中使用两列或三列布局。查看全部
-
一列布局：margin：0 auto 两列布局：左右浮动<br> 三列布局：左右绝对定位，中间靠margin调整位置 混合布局：在一列布局的基础上，保留top和foot部分，将中间的main部分改造成两列或三列布局
(有自适应部分用绝对定位（absolute、margin,不能用float），平时用的是浮动(float)来实现，可以直接一列多个块状，块状里再分多个)
查看全部 -
三列布局 【1】左右列固定宽度，中间列自适应。 【2】左侧绝对定位：宽；高；position：absolute;left:0;top:0; 【3】右侧绝对定位：宽；高；position：absolute;right:0;top:0; 【4】中间宽度定位：高；margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可
(不用float因为有的块会被顶到下列，用绝对定位不会)
查看全部 -
任务1：顶部底部宽度自适应，由于div是块级元素，默认就是占满整屏宽度，所以不用设置。 任务2：左边固定宽度，右边自适应。右边不能设置宽度，左边距 大于左边列的宽度。 两列布局有两种方式： a.浮动：设置左边列float:left; b.定位：设置左边列绝对定位position:absolute,这时左边列脱离文档流，他不能超过父容器main，所以需要设置父容器定位为相对定位，.main{position:relative}，这样左边列的绝对定位就会参照父容器的位置定位。查看全部
-
1.由于main块没有设置高度,里面的元素（left块,right块）又被设置成了浮动显示,所以main块没有被撑开,就像一条线一样紧贴在head块的下面,所以footer块会越位跑到head块下面。 2.仍可以看到footer留在底下的答案如下： float和position:absolute可以使盒子脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它. 3.方法1： .main{ width:860px;height:600px;margin:0 auto;background:#9FC;} 方法2：.footer{ height:50px; background:#9F9; margin:600px 0 0 0;} 方法3：.footer{width:100%; height:50px; background:#9F9; position:absolute;top:700px;}查看全部
-
通过课程学习了解到了网站布局中的单列布局，并且知道如何居中（margin: 0 auto）和只设置高度宽度自适应浏览器的样式。 赞！查看全部
-
1、顶部和底部宽度自适应一般将其设置宽度为百分比,例如width:100% 2、多列中，其中一列需要宽度自适应，不需要加宽度（width）。只需要设置margin值 3、块的加载顺序由HTML代码编写顺序决定查看全部
-
style .body{margin:0;padding:0}清除body默认格式 .top .head .main .left .right .sub_l .sub_r .foot height width background margin:0 auto float查看全部
-
网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。查看全部
-
body{margin:0;parding:0;}清除默认样式 margin : 0 auto 居中查看全部
-
clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响查看全部
-
三列布局，作业两边固定，中间部分自适应： 1.不用浮动，用定位； 2.左右两边分别定位（position：absolute；top：xx； left：xx/right：xx）； 2，中间部分：使用margin值确定（margin:0 xxpx 0 yypx）.查看全部
-
两列布局用float； 三列布局 左右position:absolute 中间 margin:上 右 下 左 (距离整个版面的左右侧)查看全部
-
上例中的清除浮动是在foot层清除浮动，详情见16行 见下例是在foot层外对foot层有直接影响的外包容层，内部加一个空的div，见74行查看全部
举报
0/150
提交
取消