1.设置浮动属性通过设置块的float属性可以实现浮动。如float:right,则该块会脱离一般布局,在右侧浮动显示。此时,其他块会忽略该块的占位,按照一般布局排布。所以会出现浮动块元素和其他元素重叠的情况。清除浮动:为了消除某个块会被其他浮动的块盖住,设置clear属性,如clear:right...
分类:
Web程序 时间:
2015-04-22 23:48:21
阅读次数:
194
一直clear:both;清除浮动,听完课才知道这在IE6下有问题。现在推荐使用方法6清浮动方法1、给父级加浮动 --问题margin:0 auto;失效2、给父级加display:inline-block; --问题 magin:0 auto;失效3、浮动元素下加 .clear{height...
分类:
其他好文 时间:
2015-04-21 20:19:13
阅读次数:
167
什么是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
这学期开始学习我导师主讲的《WEB程序设计》,自己以前做PHP的时候也算是写了很多前段代码,但都是抱着使用的目的去学的,没有系统学习,借着这学期的课,也对这种学习陋习留下的漏洞补补窟窿,做做笔记。在样式中使用浮动属性的时候常常会想要做这样类似的布局:根据上面的效果图,很容易就可以写出这样的div布局:
<div class="title...
分类:
其他好文 时间:
2015-04-15 09:48:29
阅读次数:
198
文档流(Documentflow):浮动元素会脱离文档流,并使得周围元素环绕这个元素。而inline-block元素仍在文档流内。因此设置inline-block不需要清除浮动。当然,周围元素不会环绕这个元素,你也不可能通过清除inline-block就让一个元素跑到下面去。水平位置(Horizon...
分类:
其他好文 时间:
2015-04-12 19:17:32
阅读次数:
190
有关网站排版中遇到的问题1.公司简介排版首行文字缩进好多,可以尝试一下在ul上面加一个div然后清除浮动,既可解决2.有关新闻排版,如何在文字前面加图标和文字有下划线文字后面有新闻日期 可用dd或者li 定义宽高设置文字间距,在dd或者li里面添加背景图片不平铺 background:url(......
分类:
Web程序 时间:
2015-04-12 01:12:05
阅读次数:
208
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}.clearfix{*zoom:1;}各个属性解释:.cl...
分类:
其他好文 时间:
2015-04-11 13:02:57
阅读次数:
124
#header {
height:100px;
width:600px;
background:blue;
margin:0px auto; /*上下外边距是0px,左右外边距是自动 即:左右居中*/
}
#main {
/*height:500px;*/
wi...
分类:
其他好文 时间:
2015-04-10 22:07:39
阅读次数:
131
清除浮动的六种方法 1.给父级也加浮动 float:left.box{ width:300px;margin:0 auto;border:10px solid #000; float:left;}.div{ width:200px;height:200px;background:red;float:...
分类:
其他好文 时间:
2015-04-09 23:20:30
阅读次数:
284