当前位置:编程学习 > html/css >>

关于css+div自适应高度问题

html代码是:<div id="a"><div id="c"></div><div id="d"></div></div><div id="b"></div>css代码是:#a{ width:250px; border:1px solid #666; padding:5px; background-color:#CC0;}#c{ height:100px; width:100px; border:1px solid #666; float:left;}#d{ height:100px; width:100px; border:1px solid #666; float:right;}#b{ margin-top:5px; width:250px; border:1px solid #666; padding:5px; background-color:#CC0;}网页显示效果是:但是我想让id=“a”的框适应id=“c”和“d”的高度,在不改变float属性的情况下怎样设置啊?
答案:很简单,让 div a 也浮动起来,因为c和d浮动以后,就脱离了a ,他们的高度自然无法影响到a的高度。a也浮动起来的话,c的d就重新回到了a的怀抱 自然问题解决了。
给a加上样式
float:left; 

当然  a浮动以后你要考虑a和其它元素的位置关系 页面是否会错乱
而且你也需要清除浮动对b的影响。
在b前面写一个空DIV来清除浮动:
<div class="clear" style="clear:left;"></div>
其他:插入一张背景图,高度要实现自适应,根据内容的多少,高度自动调整,如何实现/> <title>无标题文档</title> <style type="text/css"> <!-- table 你的id=“a”的框本来就是适应id=“c”和“d”的高度的啊
你在样式a里面加了padding:5px;导致高度变成了110px了
把这句去掉就可以看出效果了 代码很乱。。
我想应该是没清楚浮动的缘故。
给#a 加上overflow:hidden; 

上一个:各位前辈,我刚学完headfirst的html、css,现在想在基础上提高一下,请问有什么css好书推荐么
下一个:css表格内元素上边距设置不了!

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,