第一种方式:因为浮动框不在普通的文档流中,所以它不占据空间。如下面的代码:.news { background-color:gray; border:1px solid black;}.news img { float:left;}.news p { float:right;} Some text....
分类:
Web程序 时间:
2015-06-09 19:06:57
阅读次数:
119
.clearfix:after{content:'';display:block;height:0;overflow:hidden;clear:both; }.clearfix{ *zoom:1; /*针对IE } 改进版:.clearfix:after{ content:''...
分类:
Web程序 时间:
2015-06-09 11:43:50
阅读次数:
113
什么是CSS清除浮动? 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而...
分类:
Web程序 时间:
2015-06-02 08:10:01
阅读次数:
169
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:47:10
阅读次数:
116
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:45:04
阅读次数:
105
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进...
分类:
Web程序 时间:
2015-04-20 14:47:12
阅读次数:
190
2、clear:both清除浮动为了统一样式,我们新建一个样式选择器CSS命名为“.clear”,并且对应选择器样式为“clear:both”,然后我们在父级“”结束前加此div引入“class="clear"”样式。这样即可清除浮动。具体CSS代码:.divcss5{width:400px;bor...
分类:
Web程序 时间:
2015-04-20 14:32:57
阅读次数:
169
转自:http://www.cnblogs.com/houyulei/archive/2011/12/16/2290229.html因为浮动框不在普通的文档流中,所以它不占据空间。如下面的代码:.news { border:1px solid black;}.news img { float:le....
分类:
Web程序 时间:
2015-03-18 17:36:27
阅读次数:
170
以前在布局的时候总会遇到这样的问题,比如我想让整体的内容居中,所以会这样写,.main-content{ width:960px:height:300px;margin:0px auto; }然后再 在这个大的盒子中一次摆放小的DIV,并加上floa:left;属性,但有时候会出现...
分类:
Web程序 时间:
2015-03-18 15:19:00
阅读次数:
194