Question

jsp在span里设了display:block，高度设定无效

代码
<div class="item">
<span class="label"><span class="red">*</span>用户名：</span>
<div class="fl">
<input type="text" id="username" name="username" class="text" tabindex="1" />
<label id="username_succeed" class="blank"></label>
<span class="clear"></span>
<div id="username_error"></div>
</div>
</div>
样式
.clear{display:block;clear:both;height:0px;border:solid 1px blue;}
#formbox .item{padding-top:5px;height:80px;overflow:hidden;line-height:26px;border:solid 1px red;position:relative}
在火狐里

ie8

这个蓝色边框的就是.clear,我把它的高度设为0，但是ie它还有高度，不知道怎么解决。





Answer 1

IE是存在，子元素会把父元素撑开的现象的。
改变思路实现这个效果吧。改成display:none不行吗？
然后用js控制显示或者隐藏啊

追问

一改就成

追答

什么一改就成？改好了？

追问

我新发了图片，你可以看到吗？把display:none;样式就成我新发图的那样呢，那不是我想要的，我想要的是和火狐浏览器下的一样。就是第一张图片！能解决吗？

追答

就是高度是存在的？是吧。
你把div的高度设定一下应该就好了吧。