#div_diary中设了overflow为hidden
。而.ldt中又设了float:left。这样2010-5-21会靠在最左边,在DIV中就会溢出,被稳藏掉了。
你可把CSS改为
#div_diary{
border-bottom:1px
dashed
#CCCCCC
margin-bottom:20px
width:65%
height:50px
overflow:hidden
}
境加宽度。
或把overflow:hidden去掉。
css3可以直接弄这个效果(可惜很多浏览器不支持)css2的话你要把文字弄成如图三栏排版,你不得不把文字分成三段:
css 浮动方法:--------------------------------
<h1>Three Colums of ..</h1>
<div id="mytxt">
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
</div>
#mytxt{width:100%}
#mytxt p{
float:left:
width:25%
margin:0 5% 0 0
}
css 定位方法:--------------------------------
<h1>Three Colums of ..</h1>
<div id="mytxt">
<p class="txt1">第一段</p>
<p class="txt2">第二段</p>
<p class="txt3">第三段</p>
</div>
#mytxt{
width:100%
position:relative
}
#mytxt p{
width:200px
position:absolutetop:20px
}
.txt1{left:15px}
.txt2{left:215px}
.txt3{left:415px}