IE HACK - CSS布局参考IE的If条件注释 
解决IE6、IE7、Firefox兼容最简单的CSS Hack
18
Dec.2011
DIV＋CSS中最简单的布局，标题靠左，时间靠右 ，不需要浮动！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul.list li{position:relative}
ul.list li span{position:absolute; right:0}
</style>
</head>
<body>
<ul class="list">
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
</ul>
</body>
</html>
最后编辑： 我就是个世界 编辑于June 22, 2012 15:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul.list li{position:relative}
ul.list li span{position:absolute; right:0}
</style>
</head>
<body>
<ul class="list">
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
<li>这儿是标题列表<span>2010-09- 15</span></li>
</ul>
</body>
</html>
相关日志
css栅格化网站设计(栅栏布局模块化命名)
CSS 中对 display:inline-block 的深入理解
解决IE6、IE7、Firefox兼容最简单的CSS Hack
IE HACK - CSS布局参考IE的If条件注释
css栅格化网站设计(栅栏布局模块化命名)
CSS 中对 display:inline-block 的深入理解
解决IE6、IE7、Firefox兼容最简单的CSS Hack
IE HACK - CSS布局参考IE的If条件注释
最后编辑： 我就是个世界 编辑于June 22, 2012 15:59
kllldnaga 
December 25, 2011 15:30
回帖是一种美德
分页： 1/1 
1 
1
