<!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <title></title> <style> div{ background-color: #eee; text-align: center; } a{ background-color: #888; float:left; } .clear:after{ content: ""; display: block; clear: both; } </style> </head> <body> <div class="box clear"> <a class="fl">我是浮动元素</a> </div> </body></html>
3 回答
旺仔小馒头21
TA贡献34条经验 获得超34个赞
float，飘起来，对是飘起来，其实他的原理就相当于他脱离了本应该所属的平面，他离你更近了，所以如果有的时候不关闭飘，他会出现重叠的情况，因为它是飘起来的，再看你说的居中，如果你关闭了飘就能居中，如果他一直是飘起来的，写的一些样式根本用不上去
HiFrontend
TA贡献24条经验 获得超13个赞
A都左浮动了，还想要什么自行车？！
a被浮动后，他的宽度就是自身字符长度的宽度了，而不是继承自div。
其实可以从css的字面意思理解，a既然都左浮动了，那要怎么居中呢？他的居中本来就是相对于父级div的，a自己都造了属性，肯定不会听他爹的话了啊。
添加回答
举报
0/150
提交
取消