首页 新闻 搜索 专区 学院

新浪微博的微博精选的布局有点想不明白.?求解

0
悬赏园豆:10 [已解决问题] 解决于 2012-05-09 00:10

address:http://weibo.com/jx/pic.php?topnav=1

我承认我来看看美女的
为什么这些div的宽度和高度要用js来动态生成啊?
下面是我用css写的:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title>无标题文档</title>
<style type="text/css">
*
{margin:0;padding:0}
body
{background:#333}
ul
{list-style:none;float:left}
ul li
{background:#fff;padding:5px;margin:0 5px 5px 0px}
ul li p
{text-align:right}
#move
{position:absolute;top:50px;width:100px;height:25px;background:orange}
</style>
<script type="text/javascript" src="script/jQuery1.6.js"></script>
</head>
<body>
<ul>
<li>
<div class="td">
<a href=""><img src="http://ww2.sinaimg.cn/mw205/6d52047ajw1dm6azfwh5gj.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
<li>
<div class="td">
<a href=""><img src="http://ww3.sinaimg.cn/mw205/66f5f5dcgw1dm6ttvy015j.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
</ul>
<ul>
<li>
<div class="td">
<a href=""><img src="http://ww2.sinaimg.cn/mw205/6d52047ajw1dm6azfwh5gj.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
<li>
<div class="td">
<a href=""><img src="http://ww1.sinaimg.cn/mw205/690aa27agw1dm6e9upsevj.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
</ul>
<ul>
<li>
<div class="td">
<a href=""><img src="http://ww2.sinaimg.cn/mw205/6d52047ajw1dm6azfwh5gj.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
<li>
<div class="td">
<a href=""><img src="http://ww1.sinaimg.cn/mw205/667f9220gw1dm6k553hg6j.jpg"/></a>
</div>
<p><a href="">评论</a></p>
</li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>
深蓝色梦想的主页 深蓝色梦想 | 初学一级 | 园豆:6
提问于:2011-10-20 10:43
< >
分享
最佳答案
0

因为是流式布局,每个div高度不一样,根据图片高度来改变

收获园豆:10
rocklau | 初学一级 |园豆:65 | 2011-10-20 14:38
其他回答(2)
0

用JS动态生成会更灵活

artwl | 园豆:16526 (专家六级) | 2011-10-20 11:41
0

JS生成容易控制吖

KevinSo | 园豆:180 (初学一级) | 2012-02-14 18:02
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册