关于css盒模型中垂直格式化（height、margin、padding）的几个问题

发布网友发布时间：2022-04-06 12:55

共3个回答

热心网友时间：2022-04-06 14:25

1.关于盒模型，垂直剧中，和垂直100%，在div+CSS中，是很尴尬的，所以很多人做了很多试验，想了很多办法，都不能很好的解决这个问题。
可以网上搜索一下这方面的资料。
------------
margin-top：auto和margin-bottom：auto，是不能实现的（不适用js或者其他手法）。
还有如果父级元素没有指定明确的高度，height：100%；也是不能实现的。
2.几乎每个浏览器，都对一些标签元素设定了默认值。比如body设定了默认的margin。同样，p标签也设定了默认的margin（上下），
所以就出现了你说的，P的上下出现了外边距。
还有很多，比如，ul li h1……等。
所以，为了统一（不同的浏览器的默认值会有不同），我们会在css开始的时候，就声明，将这些元素的默认值归0.
--------------
可以网上搜索，css重置，或者 css reset，查找相关的资料。

热心网友时间：2022-04-06 15:43

关键的地方是“正常流”这几个字。
什么叫正常流。
你可以多找几种浏览器试试，IE，火狐，等等，各种浏览器对CSS的解释是不一致的。

热心网友时间：2022-04-06 17:17

已经使用firebug，那么这些问题，很容易在这个插件中反映出来，楼上说的正确，你所说的所有默认值都是针对某一特定浏览器，每个浏览器都有自己的默认值。根据你的截图推算
p占据父元素50%的高度
那么上下的边距各为25%的父元素高度。