html – css – 将填充应用到带滚动的框中,底部填充不起作用

前端之家收集整理的这篇文章主要介绍了html – css – 将填充应用到带滚动的框中,底部填充不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我在框上使用overflow-y:auto时,我无法获得底部填充.

HTML

  1. <div id="container">
  2. <div id="some_info"></div>
  3. </div>

CSS:

  1. #container {
  2. padding: 3em;
  3. overflow-x: hidden;
  4. overflow-y: auto;
  5. width: 300px;
  6. height: 300px;
  7. background: red;
  8. }
  9.  
  10. #some_info {
  11. height: 900px;
  12. background: #000;
  13. }

小提琴:http://jsfiddle.net/rwgZu/

编辑:我使用Firefox

解决方法

这是一种可行的方法
  1. #container {
  2. overflow-x: hidden;
  3. overflow-y: auto;
  4. width: 300px;
  5. height: 300px;
  6. }
  7.  
  8. #some_info {
  9. height: 900px;
  10. background: #000;
  11. border: 3em solid red;
  12. }

猜你在找的HTML相关文章