- 主题:<P>高度计算为0是怎么回事?
如图。
dom结构为
<div>
<p>
<label>some text</label>
some text
</p>
<p>
<label>some text</label>
some text
</p>
</div>
现在的问题是:如果P里面的文本为空时(不包括label里面的text,图中address2的值为空),P的高度计算为0。导致CITY的值向上飘到address2那一行去了。
这是什么原因?如何解决?谢谢。
--
FROM 122.225.226.*
PS:如果把address2的值设为 则不会有这个问题
【 在 GemiPiggy (双子猪) 的大作中提到: 】
: 如图。
: dom结构为
: <div>
: ...................
--
FROM 122.225.226.*
看看p里边label的css属性 。
【 在 GemiPiggy (双子猪) 的大作中提到: 】
: 如图。
: dom结构为
: <div>
: ...................
--
FROM 61.135.152.194
看哪个?
firefox的computed style:
Text
font-family Verdana,Arial,sans-serif
font-size 10px
font-weight 700
font-style normal
font-size-adjust none
color #444422
text-transform none
text-decoration none
letter-spacing normal
word-spacing 0
line-height 15.5px
text-align left
vertical-align baseline
direction ltr
Background
background-color transparent
background-image none
background-repeat repeat
background-position 0 0
background-attachment scroll
opacity 1
Box Model
width 100px
height 15.5px
top auto
right auto
bottom auto
left auto
margin-top 0
margin-right 0
margin-bottom 0
margin-left 0
padding-top 0
padding-right 0
padding-bottom 0
padding-left 0
border-top-width 0
border-right-width 0
border-bottom-width 0
border-left-width 0
border-top-color #444422
border-right-color #444422
border-bottom-color #444422
border-left-color #444422
border-top-style none
border-right-style none
border-bottom-style none
border-left-style none
box-shadow none
Layout
position static
display block
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space nowrap
clip auto
float left
clear none
Other
cursor default
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto
【 在 shaolin (叶孤城|漫漫当爹路) 的大作中提到: 】
看看p里边label的css属性 。
【 在 GemiPiggy (双子猪) 的大作中提到: 】
: 如图。
: dom结构为
: <div>
: ...................
--
修改:GemiPiggy FROM 122.225.226.*
FROM 122.225.226.*
没有高度,你就给他加个高度,所有的P行高总要写一个上去
这里元素是不是有浮动啊,一般是不会跑到上面去的,p是块级元素
都会分行的
【 在 GemiPiggy (双子猪) 的大作中提到: 】
: 如图。
: dom结构为
: <div>
: ...................
--
FROM 114.113.197.*
label用float,不clear
label不参与p的高度计算,当然结果为0啦
【 在 GemiPiggy (双子猪) 的大作中提到: 】
: 看哪个?
: firefox的computed style:
: Text
: ...................
--
FROM 114.247.42.*
thanks all.
加了p min-height:1.5em;了
【 在 superlq (那娃儿好坏) 的大作中提到: 】
: p height:10px;
: or
: $city.=" ";
: ...................
--
FROM 115.195.140.*
_height:1.5em;
【 在 superlq (那娃儿好坏) 的大作中提到: 】
: 最广大的IE6用户表示浏览器不支持min-height
--
FROM 222.29.103.*
客户说,支持IE7以上!
【 在 superlq (那娃儿好坏) 的大作中提到: 】
: 最广大的IE6用户表示浏览器不支持min-height
--
FROM 115.195.140.*