Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

margin和padding的百分比计算

  margin和padding的百分比值是如何计算的呢?这是个很蛋疼的设定,无论margin和padding的方向如何,他们总是根据所在容器的width来计算的。即使是margin-top之类的属性也是。这个设定有点违背直觉,正常垂直方向应该根据height来计算才对。
<style>
.panel {
  width:400px;
  height:100px;
  border:1px solid #CCC;
}
.one {
  width:10px;
  height:10px;
  background:red;
  margin:10%;
}
</style>
<div class="panel">
  <div class="one"></div>
</div>

  stackoverflow上说是因为height的计算循环引用会造成死循环。这个解释很牵强。对于自适应内容宽度的盒子,width同样会有循环引用的问题。这个特性的具体设计初衷暂时还没找到可靠的资料,但总觉得这是历史遗留问题,我觉得垂直方向根据容器高度来计算更适合。
网名:
3.80.32.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^