DIV+CSS⼀种简单的左边图⽚右边多⾏⽂字的布局<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>⽆标题⽂档</title>
css布局左边固定右边自适应<style type="text/css">
.content a.left{ float:left;}
#yz{ margin-left:90px;}
</style>
</head>
<body>
<div class="content">
<a class="left" href="" target="_blank"><img src="img/temp/008.jpg" width="80" height="80" alt="" /></a>
<dl id="yz">
<dt>
创建于:<span>2005-05-05</span>
</dt>
<dt>
园主:<a href="" target="_blank">username</a>
</dt>
<dt>
成员:<span>1234</span>
</dt>
<dt>
访问:<span>12345</span>
</dt>
</dl>
<div class="clear-both"></div>
</div>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。