一个w3c的浮动清除问题
一个W3C的问题。http://www.w3school.com.cn/tiy/t.asp?f=csse_class-clear
<img src='...'>
<img src='...'>
img {
float:left;
clear:right;
}
为什么这样写右边的img不会掉下来，左边的浮动块不是清除了右边的浮动吗,右边的图片应该掉下来啊？
xBubu
9 years, 3 months ago
Answers
右边并没有浮动。
你可以这样。
img {
float:left;
clear:left;
}
这是我的测试代码你可以试试~
<html>
<head>
<style type="text/css">
#z1{
float:left;
}
#z2{
float:left;
clear:left;
}
</style>
</head>
<body>
<img id="z1" src="/i/eg_smile.gif" />
<img id="z2" src="/i/eg_smile.gif" />
</body>
</html>
假如是实现左边图片，右边文字，则图片需加一层Div，我也不是很会，就这样吧！
好囧的八月
answered 9 years, 3 months ago
