-
code查看全部
-
4.在父元素中添加样式width:960px;overflow:hidden;查看全部
-
3.把父元素的设置为float查看全部
-
②定义一个div,并设置其样式为clear:both;height:0;overflow:hidden;查看全部
-
①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置;查看全部
-
.myBox{ border:1px solid red; width:200px; height:100px; margin-top:10px; padding-left:15px; } </style> <!--在此添加一个div标签,并设置其class属性为myBox--> <div class="myBox"> Hello World! </div>查看全部
-
<style type="text/css"> /*在此定义相关CSS样式*/ .topList{width:300px;height:180px;border:solid 1px #E8E8E8;margin:0 auto;} .topList li{list-style-type:none;} .topList ul{padding:5px;} .topList em{width:20px;height:16px;text-align:center;color:#333;background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)no-repeat; float:left;background-position: bottom;font-style:normal;} .top em{background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg)no-repeat;} .topList a:link,.topList a:visited{ color:black;text-decoration:none; } .topList a:hover,.topList a:active{ color:#f00;text-decoration:none; } </style>查看全部
-
注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden;查看全部
-
浮动元素由于脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父元素撑开。a、b、c中所描述的三种方法均可解决此问题。查看全部
-
daima查看全部
-
首页布局:设计网页,上中下三部分一步步划分查看全部
-
首页布局分析:上(顶部区)、中【页面主体区([logo区]、[导航区]、[大图广告区]、[信息展示区])】、下(底部版权区)。查看全部
-
列表留查看全部
-
background-position查看全部
-
fenqu查看全部
举报
0/150
提交
取消