margin无法撑开容器高度的办理步伐

发布时间：2018-08-22 11:28:47 所属栏目：运营来源：站长网

导读：猛火建站学院（LieHuo.Net）文档在CSS开始中，发明纵然内部元素配置了margin也不能撑开div容器的高度。这不是赏识器的bug，在IE、FF和 Opera ，有这样的征象。看下面的代码，纵然配置了p的margin附近均为20px，依然不能让div高度产生变革，配景致只有p

猛火建站学院（LieHuo.Net）文档在CSS开始中，发明纵然内部元素配置了margin也不能撑开div容器的高度。
这不是赏识器的bug，在IE、FF和Opera，有这样的征象。
看下面的代码，纵然配置了p的margin附近均为20px，依然不能让div高度产生变革，配景致只有p地址地区可见。

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS履历：margin无法撑开容器高度的办理步伐 - liehuo.net</title> </head> <body> <div style="background:#eee;"> <p style="margin: 20px;">撑不开 <a href="http://www.veryhuo.com/" _fcksavedurl="http://www.veryhuo.com/" target="_blank">猛火建站学院-我们只存眷站长！</a></p> </div> </body> </html>
猛火建站学院(liehuo.net)提醒：可修改部门代码后运行！

看下面几个办理步伐：
一、全部赏识器有用 <div style="background:#eee;border:1px solid #eee;">
　　但不能无缘无端的加边框……
二、全部赏识器有用 <div style="background:#eee;float:left;width:100%/*维持原本宽度*/">
　　给元素加上浮动属性。
三、IE下有用 <div style="background:#eee;zoom:1;">
　　用zoom属性来更正。
四、FF和Opera下有用 <div style="background:#eee;overflow:hidden;">
　　用溢出潜匿来更正。
五、变变思索，将p的margin转换为div的padding。
　　有点怪怪的。

凡是行使第二和第五种要领。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

等等党又赢了，iPhone	450W高功耗卡皇名不虚
群联 PCIe 5.0 SSD一定	微星Modern 14 15笔记