-
为什么footer块会跑到head块下面了? 由于main块没有设置高度,里面的元素(left块,right块)又被设置成了浮动显示,所以main块没有被撑开,就像一条线一样紧贴在head块的下面,所以footer块会越位跑到head块下面。 清除浮动影响的方法: 1.main中设置overflow:hidden; 2.在footer中添加clear:both; 3. 在footer中添加width:100%;overflow:hidden;查看全部
-
1.如果是要清除浮动影响的是浮动对象的父对象: 建议采用:设置父对象的overflow:hidden; 2.如果要清除浮动影响的是浮动对象后边紧邻的对象 建议采用:clear:both;查看全部
-
1.混合布局:我们可以把一列布局加入“左”和“右”改造为混合布局。 2.在中部mian中加入子div 分别是(左,右)。 然后分别在style中加入“.left和.right”的样式! 3.注“left和right”都要加浮动“float” 4.还可以在混合布局下进行更复杂的混合布局 5.可以将right定义为sub_right和sub_right 分为化为更为密集的混合布局 布局有一列、二列、三列和混合布局 混合布局: 将一列布局改造就变成了混合布局。 即主体部分加上子div 要点回顾: 其实在网页制作当中,页面中的元素就是块与块之间的关系: 块挨着块;块嵌套着块;块叠压着块 通过css将这些块摆放正确,网页布局就自然完美了。 1、margin:0 auto 自动居中 2、两种分成三栏的方式: 1)两边position:absolute,left:0/right:0,top:0, 中间margin{0 右边 0 左边} 2)先分两栏 左右float 再分两栏左右float查看全部
-
1.如果是要清除浮动影响的是浮动对象的父对象: 建议采用:设置父对象的overflow:hidden; 2.如果要清除浮动影响的是浮动对象后边紧邻的对象 建议采用:clear:both;查看全部
-
上面的代码没有给main设置高度,而main里的内容又设置成了浮动,所以footer会跑到head的下面。 解决方法有两个:1.清除浮动, clear:both; 2.为main设置高度, .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
脱离文档流,也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它查看全部
-
分栏查看全部
-
布局特点查看全部
-
布局的概念查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:800px;height:50px;background:#CCC;margin:0 auto} .main{width:800px;height:500px;background:RED;margin:0 auto} .left{ width:200PX;height:500px;background:BLUE;float:left} .right{width:590px;height:500px;background:GREEN;float:right} .foot{width:800px;height:50px;background:#F63;margin:0 auto} </style>查看全部
-
为什么footer块会跑到head块下面了? 由于main块没有设置高度,里面的元素(left块,right块)又被设置成了浮动显示,所以main块没有被撑开,就像一条线一样紧贴在head块的下面,所以footer块会越位跑到head块下面。 清除浮动影响的方法: 1.main中设置overflow:hidden; 2.在footer中添加clear:both; 3. 在footer中添加width:100%;overflow:hidden;查看全部
-
CSS设置,可以让元素脱离文档流 浮动(float)和 绝对定位(position:absolute)查看全部
-
给main函数也设置了背景颜色黑色,但是网页浏览效果只能看到里面的2个div的背景色,而且高度还是500p 因为你的left和right浮动后,父级没有内容支撑高度,给main设置overflow:hidden就好了。查看全部
-
怎样确定样式开头是用 :#foot还是用.font 【#】对应的是id选择器,【.】对应的是class类选择器,看你是怎么定义:id=“footer”-->#foot;class=“footer”-->.foot 根据需求来定,页面中只有一个的一般用#,如果有一类的则用.查看全部
举报
0/150
提交
取消