将50px填充（黑色）应用于.background样式时，无法消除垂直滚动条。
html, body {height:100%; margin: 0; padding:0;}
div.background
{
width: 500px;
height: 100%;
background-color: black;
padding: 50px;
}
div.transbox
{
width: 100%;
height: 100%;
background-color: #ffffff;
position: relative;
background-color: rgba(255,255,255,0.3);
}
div.transbox p
{
margin: 50px;
position: absolute;
bottom: 0;
color: white;
}
这就是它的样子
http://jsfiddle.net/sm6LLgp4/2/
如果删除顶部和底部填充物（黑色），滚动条将消失，但是我也丢失了填充物：
http://jsfiddle.net/sm6LLgp4/3/
在没有垂直滚动条的情况下如何保持周围的50px填充？
插入box-sizing：border：box，它会起作用。
*{
box-sizing:border-box;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句