-
/*------总结：常用的清除浮动的方法。 1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用<P>，够简短，也有很多人用<hr>，只是需要另外 为其清除边框，但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代 码：clear:both。此方法的弊端在于增加了无意义的结构元素。 对于使用额外标签清除浮动（闭合浮动元素），是W3C推荐的 做法。至于使用<br />元素还是空<div></div>可以根据自己的喜好来选（当然你也可以使用其它块级元素）。不过要注意的 是，<br />本身是有表现的，它会多出一个换行出来，所以要设定它的heigh为0，以隐藏它的表现。所以大多数情况下使用空<div>比较合 适。 2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性：overflow:auto，即可！”zoom:1″用于兼容IE6,也可以用width:100%。 不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上测试你的页面； 3、使用after伪对象清除浮动。 该方法只适用于非IE浏览器 。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0，否则该元素会比实际高出若干像 素；二、content属性是必须的，但其值可以为空，蓝色理想讨论该方法的时候content属性的值设为”.”，但我发现为空亦是可以的。 此三种方法各有利弊，使用时应择优选择，个人习惯于第一种，比较稳定可靠。 参考链接：http://www.cnblogs.com/fengzheng126/archive/2012/05/19/2508778.html ------*/查看全部
-
注意：leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 解决的方法： ①可以给父div也设置高度为300px，使页面中的leftBox和rightBox看起来“好像”还在原来的位置； ②定义一个类选择器，并设置clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 其他解决方法可以参照上面的评测题查看全部
-
项目符号查看全部
-
浮动float查看全部
-
脚步调用查看全部
-
clean清除浮动。查看全部
-
float属性，使盒子脱离了文档流，漂浮于文档流之上查看全部
-
111查看全部
-
W3C 的定义: 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 注意: 请注意，普通流中的 "块框" 表现得就像浮动框不存在一样。 这里指的是块框， 而不是内联元素。 所以准确的说法是：文档的普通流中的块框在浮动框渲染之后会表现得就像浮动框不存在一样。查看全部
-
text-indent用来规定文本块中首行文本的缩进，但是px是绝对单位，20px不一定正好是两个字符，而em是相对单位，1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.查看全部
-
text-align:center; font-style:normal;/*不倾斜*/ backgroung-position:/*背景的绝对定位*/查看全部
-
当父元素没浮动，子元素浮动时，子元素不能填充父元素（即不能撑开父元素）查看全部
-
在CSS中没有a和d选项中的属性，list-style-image可以把图像设置为列表中的项目符号；list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等。查看全部
-
img为inline-block类型标签，等于是一个可以设置宽高的行内元素，，没有block独占一行的特性，那么对于 margin:0 auto;它自然就实现不了自动水平居中了，得改成 display:block;才能完美实现！查看全部
-
<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a> <a>是一个内联元素，为了使<a>同时具有内联元素和块级元素的属性和特点，需要为a元素设置display：inline-block;即：可以在一行内显示多个元素，又可以设置其宽和高。查看全部
举报
0/150
提交
取消