1、float属性
| 属性值 | 说明 |
| left | 元素向左浮动 |
| right | 元素向右浮动 |
| none | 默认值。元素不浮动，并会显示在其文本中出现的位置 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.layer01 {
border: 1px black dashed;
float: left;
}
.layer02 {
border: 1px brown dashed;
float: left;
}
.layer03 {
border: 1px purple dashed;
float: left;
}
.layer04 {
border: 1px red dashed;
}
</style>
</head>
<body>
<div id="father">
<div class="layer01"><img src="img/photo-1.jpg" alt="日用品" title="悬停字1" /></div>
<div class="layer02"><img src="img/photo-2.jpg" alt="图书" title="悬停字2" /></div>
<div class="layer03"><img src="img/photo-3.jpg" alt="鞋子" title="悬停字3" /></div>
<div class="layer04">“墨睛兽……卖墨睛兽啦……”街道上，有不少人在叫卖基因种，特别是一种墨睛兽特别的畅销。 韩森一问之下才知道，因为金晶星域的霞光太强，对于眼睛会有极大的损伤，若是有一只墨晴兽护住眼睛，不但可以保护眼睛不受那些霞光的影响，在霞光之中正常视物，而且还能够看的更远。 但凡去金晶星域挖基因卵的贵族，基本上都拥有类似的基因种，如果没有的话，那就只能掏钱买了，否则进入金晶星域之后，立刻就会变成瞎子。 原本只是男爵级的墨睛兽，现在竟然被炒到了上万块一只，比子爵级的基因种卖的还要贵。 韩森的眼睛比神级基因种还要强，自然不需要什么墨睛兽，看了看一旁的李冰语问道：“鬼罗刹，你需要墨睛兽吗？” 李冰语摇摇头说道：“我有类似功能的基因种，不需要这种低级的基因种。如果你需要的话，最好也不要买墨睛兽，这种基因种的等级太低，能力也太弱，去一些普通的区域还行，想要深入神脉，只靠墨睛兽抵挡不住那些强烈的霞光，而且还要占用一个合体名额。” 韩森点点头，正准备要出发前往金晶星域，却突然听到有人喊他的名字。 “韩森……等等我……”一个大光头在人群中特别的显眼，一边向着韩森这边冲过来，一边向着韩森摆手。 “光头，你怎么在这里？”韩森问道。 光头洋洋得意的说道：“我可是卫夫子的弟子，如此超级神脉出世，我又岂能不来？” “卫夫子也来了？”李冰语心中一动，看着光头问道。 光头点点头：“师父和几位师兄都一起来了，这一次我们准备要大干一场，怎么也要挖几个神级基因卵回去，不如你们跟我们一起吧？” 韩森还没有回答，就听不远处有人阴阳怪气的说道：“光头师弟，你可不要乱说话，人家可是太子的宠臣，身份尊贵的很，我们可没有资格和他一起。” 一行十几个人走了过来，为首的是一位白须老者，而说话的是一个身穿铠甲的中年人，那一身铠甲华丽非凡，一看就不是便宜货色。 “三师兄，你怎么说话呢？”光头脸色有些难看。 那中年人撇了撇嘴说道：“光头师弟，我说的话你听不懂吗？那我就再说明白一点，你自己堕落与奸佞为伍也就罢了，可别败坏师父的名声。你想跟他一起我们没意见，但是别拉着我们一起下水，我怕被人的吐沫淹死。” 光头大怒，想要说什么，那白须老者却在此时开口说道：“好了雨飞，别闹了，时间宝贵，我们还要去探查地脉，没时间在这里胡闹。” 光头脸色有些难看，咬牙说道：“请位师兄请自便，我和韩森一起去。” 那白须老者微微皱眉，刚想说什么，三师兄却开口说道：“大师兄，你就别管他了，反正就他那水平，也帮不上什么忙，有他没他都一样，他喜欢与宠臣为伍，我们又何必挡着人家升官发财呢？” 白须老者摇头道：“雨飞，我们去的地方你也知道，回头赶上来就是了。” “大师兄你们不用等我了，帮我和师父说一声，我和朋友一起去金晶星域碰碰运气。”光头说道。 “好，那三师兄我就祝你运气大爆发，挖到神级基因卵。”中年人嘲弄似的笑道。 “三师弟，别说了。”白须老者喝止了中年人，叹息一声，带着他们离开。 等他们走远之后，光头才笑着对韩森说道：“韩森，有我光头在，你就放心好了，保证你有所收获。” “这个我相信。”韩森到没指望光头帮他挖基因卵，不过光头在这种时候还肯认他这个朋友，到是让人心中有些温暖。 毕竟现在韩森是人人喊打的奸佞，可以说是整个贵族阶层的死敌，认他这个朋友不但会坏了名声，还可能会有生命危险。 三人一起上路，光头一路上给韩森讲解此处神脉的不寻常。 因为天地磁场的变化，金晶星域出了超级神脉，根据卫夫子的推算，此处神脉很可能会有毁灭级血脉凝聚，而且必然能够孕育出不少的神级基因卵。 光头嘿嘿笑道：“血脉凝聚之处以我的水平怕是找不到，不过寻找一处神级基因卵所在的位置应该不难，你们跟着我走准没错。” 因为磁场力量太过强烈，各种仪器在金晶星域都已经失灵，飞船也无法进入其中，光头召唤了一条巨龙似的基因种向韩森炫耀道：“嘿嘿，这是进化到了终极体的王级基因种神风巨龙，飞行速度在王级基因种之中是属一属二的。” “这基因种看起来确实挺威风。”韩森看着身长十几米的神风巨龙笑道。 “什么叫看起来很威风，实际上也很威风，这次我们进入金晶星域就全靠它代步了，都上来吧。”光头坐在神风巨龙的背上，得意洋洋地说道。 韩森也不推辞，和李冰语一起坐到了神风巨龙的背上，只见那神风巨龙双翼一振，如一道飓风般飞天而起，向着璀璨的金晶星域的冲了过去，片刻间就冲入了星空。 韩森看到不少人类都乘坐着各种各样的基因种飞向金晶星域，最多的就是各种禽类基因种，还有一些奇异的插翅虎，或者是蝙蝠什么的，什么稀奇古怪的基因种都有。 光头指着那些基因种给韩森介绍：“那头四翅虎还不错，不过也比不上我的神风巨龙……” 韩森【31小说网 31xs.com】到是很感兴趣，正听的有味，突然感觉自己的魂海之内有剧烈的气息波动，吞下黑晶铠甲之后，一直在进化的金翅孔雀王，竟然在这个时候完成了进化。 只见那如卵一般的金色光茧上面出现了一道道裂纹，其中有璀璨的金光泄漏而出，随着光茧的裂纹越来越大，金光也越来越刺目，最后如同一轮金色的骄阳悬浮于魂海之上，久久才逐渐收敛光华。 这时候韩森才看清楚进化完成的金翅孔雀王，只见那一身金羽如梦似幻，通体散发着琉璃神光，仿佛是自神话中走出的神鸟。 而在金翅孔雀王的上方，那一具黑晶铠甲默默的悬浮不动，身上没有一丝气机散发，仿佛只是一件死物。 韩森看了一眼金翅孔雀王的资料，不由得心中一喜，发现它竟然已经晋升到了终极体。
</div>
</div>
</body>
</html>2、clear属性：清除浮动
| 值 | 说明 |
| left | 在左侧不允许浮动元素 |
| right | 在右侧不允许浮动元素 |
| both | 在左、右两侧不允许浮动元素 |
| none | 默认值。允许浮动元素出现在两侧 |
3、overflow属性：溢出处理
| 属性值 | 说明 |
| visible | 默认值。内容不会被修剪，会呈现在盒子之外 |
| hidden | 内容会被修剪，并且其余内容是不可见的 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余内容 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容 |
小结：
使用clear与overflow扩展盒子的高度
①使用overflow属性扩充盒子高度减少代码量，也减少了空的HTML标签，使代码更加简洁，清晰，从而提高了代码的可读性和网页性能。
②如果页面中有绝对定位元素且元素超出了父级的范围，就必须使用clear属性来清除浮动来扩展盒子高度
1516
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
