相关疑难解决方法(0)

给出以下HTML:

<div id="container">
  <!-- Other elements here -->
  <div id="copyright">
    Copyright Foo web designs
  </div>
</div>

我想#copyright坚持到底#container.

我可以不使用绝对定位来实现这一目标吗 如果float属性支持'bottom'的值,那么似乎可以做到这一点,但不幸的是,它没有.

这是Chrome错误吗？

这是HTML:

<div><img src="test.png"></div>

这是CSS:

* { box-sizing: border-box; }
div { height: 200px; padding: 75px 0 60px; }
img { max-height: 100%; }

预期结果:img应该有65px的高度.

在Mac OS上的Chrome(v.27.0.1453.116)中的结果(v.10.6.8):img高度为135px并且"渗透"到父级div的填充中.如果我改变padding的div到50px 0,奇怪的是它呈现正常.

在codepen中玩这个:http://codepen.io/anon/pen/jhbKz

截图:

第一个块padding的50px 0.第二区块padding的75px 0 60px.

Firefox(正确的结果)

Chrome(错了吗？)