css使用float属性内容不显示的原因

html-css024

css使用float属性内容不显示的原因,第1张

出现这种情况是因为你在CSS

#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}