Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
这是一个创建于 3428 天前的主题，其中的信息可能已经有所发展或是发生改变。
<html>
<head>
<style type="text/css">
.pf
{
float:left;
}
</style>
</head>
<body>
<div>
<img src="eg_smile.gif" />
<img class="pf" src="eg_smile.gif" />
</div>
</body>
</html>
问题是为什么第二个img不会覆盖在第一个上边呢，而是两个在一行并排着。
<head>
<style type="text/css">
.pf
{
float:left;
}
</style>
</head>
<body>
<div>
<img src="eg_smile.gif" />
<img class="pf" src="eg_smile.gif" />
</div>
</body>
</html>
问题是为什么第二个img不会覆盖在第一个上边呢，而是两个在一行并排着。
 |
1
morethansean 2015-07-08 10:43:32 +08:00
……谁告诉你 float 是覆盖的意思
|
 |
2
jjplay 2015-07-08 10:52:35 +08:00
你对行，块，浮动元素 的概念还不太清晰，想覆盖 现在用相对 绝对定位吧，妥妥的，理解的问题慢慢来
|
 |
3
ivito OP @morethansean @jjplay 对行还不太了解，如果是块浮动的话就会覆盖了吧
|
 |
4
br00k 2015-07-08 11:41:15 +08:00
因为img是inline-block
|
 |
5
66beta 2015-07-08 11:41:59 +08:00
换 position
|
 |
6
jankan 2015-07-08 11:50:21 +08:00
float后的元素是优先排列，类似inline-block，其他不float的元素会占满这行后换行
|
Select Language