margin-bottom:-10000px;是什么意思有什么具体作用？？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
#aa{ border:#000000 solid 5px;overflow:hidden;}
#bb{border:#00ffff solid 5px;float:left; padding-bottom:100000px;margin-bottom:-100000px; }
#cc{ border:#0033CC solid 5px;float:left;padding-bottom:100000px;margin-bottom:-100000px;}
#dd{float:left}
</style>
<div id="aa">
<div id="bb">子div</div>
<div id="cc">子div</div>
<div id="dd">子div<br /><br /><br /><br /> <br /> </div>
</div>
如果删除了这段代码margin-bottom:-10000px;子Div高度就无法自适应，请教下高手这段代码的意思是什么？？ 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
#aa{ border:#000000 solid 5px;overflow:hidden;}
#bb{border:#00ffff solid 5px;float:left; padding-bottom:100000px;margin-bottom:-100000px; }
#cc{ border:#0033CC solid 5px;float:left;padding-bottom:100000px;margin-bottom:-100000px;}
#dd{float:left}
</style>
<div id="aa">
<div id="bb">子div</div>
<div id="cc">子div</div>
<div id="dd">子div<br /><br /><br /><br /> <br /> </div>
</div>
如果删除了这段代码margin-bottom:-10000px;子Div高度就无法自适应，请教下高手这段代码的意思是什么？？ 展开
1个回答
展开全部
因为前面还有一个padding-bottom:100000px;。
padding-bottom:100000px;的目的就是让该盒模型高度增加100000px，margin-bottom:-100000px; 再让显示在外边的边距减少10000px，以抵消padding-bottom:100000px;。
但这样外面会显示出高99995px的框，所以最外面又加上了overflow:hidden;
padding-bottom:100000px;的目的就是让该盒模型高度增加100000px，margin-bottom:-100000px; 再让显示在外边的边距减少10000px，以抵消padding-bottom:100000px;。
但这样外面会显示出高99995px的框，所以最外面又加上了overflow:hidden;
参考资料： 书
已赞过
已踩过<
你对这个回答的评价是？
晓网科技
2024-10-17 广告
ZigBee作为一项新型的无线通信技术，其具有传统网络通信技术所不可比拟的优势，既能够实现近距离操作，又可降低能源的消耗。又如，相较于蓝牙等无线通信技术，ZigBee无线通信技术可有效降低使用成本， 即便数据处理的速率并不高，然而，值得肯定...
点击进入详情页
本回答由晓网科技提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
