div float效果?
<div id="allcontent" style="">
<div id="article" style="border: 1px solid">
<div id="num" style="float:left">
<h3>1.</h3>
</div>
<div id="type" style="float:left">
<img src="C:/wamp/www2/images/12.bmp" />
</div>
<div id="content" style="">
<div id="title" style="font-size: larger"><a href="foo.com">foo.com</a></div>
<div id="summary" style="font-size: small">posted by <a href="bar.com">bar</a></div>
</div>
</div>
<div id="article" style="border: 1px solid">
<div id="num" style="float:left">
<h3>2.</h3>
</div>
<div id="type" style="float:left">
<img src="C:/wamp/www2/images/12.bmp" />
</div>
<div id="content" style="">
<div id="title" style="font-size: larger"><a href="foo.com">foo.com</a></div>
<div id="summary" style="font-size: small">posted by <a href="bar.com">bar</a></div>
</div>
</div>
</div>
我想实现的效果是(编号和内容中间有个图片,占两行)
1. foo.com
posted by bar
2. foo.com
posted by bar