最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > 工具与技巧> margin无法撑开容器高度的解决办法

margin无法撑开容器高度的解决办法

文章作者:网友投稿 发布时间:2008-12-16 来源:网络

烈火建站学院(LieHuo.Net)文档 在CSS开始中,发现即使内部元素设置了margin也不能撑开div容器的高度。
这不是浏览器的bug,在IE、FF和Opera,有这样的现象。
看下面的代码,即使设置了p的margin四周均为20px,依然不能让div高度发生变化,背景色只有p所在区域可见。


烈火建站学院(veryhuo.com)提示:可修改部分代码后运行!

看下面几个解决办法:
一、所有浏览器有效 
  但不能无缘无故的加边框……
二、所有浏览器有效 
  给元素加上浮动属性。
三、IE下有效 
  用zoom属性来纠正。
四、FF和Opera下有效 
  用溢出隐藏来纠正。
五、变变思考,将p的margin转换为div的padding。
  有点怪怪的。

通常使用第二和第五种方法。#p#副标题#e#

二、给元素加上浮动属性。


烈火建站学院(veryhuo.com)提示:可修改部分代码后运行!

三、变换思考,将p的margin转换为div的padding。

以下为引用的内容:




CSS经验:margin无法撑开容器高度的解决办法 - veryhuo.com




上一篇: 利用xslt语言实现一个可折叠树形导航

下一篇: 如何引导自己成为一名网页视觉设计师

共有0条评论网友评论

游戏排行榜