overflow:hidden清除浮动的一个简单的列子
2,186 阅读
<style type="text/css" media="screen">
*{
margin: 0;
padding: 0;
}
.news{
width: 500px;
height:300px;
border:1px solid #000;
margin: 100px;
}
ul{
list-style: none;
}
li{
border-bottom: 1px dashed gray;
overflow: hidden;
}
.tittle{
: left;
}
.date{
: right;
}
</style>
</head>
<body>
<div class=>
<ul>
<li>
<span class=>新闻标题</span>
<span class=>时间</span>
</li>
<li>
<span class=>新闻标题</span>
<span class=>时间</span>
</li>
<li>
<span class=>新闻标题</span>
<span class=>时间</span>
</li>
</ul>
</div>
</body>
