此问题已在此处有答案:
How to make an element width: 100% minus padding?(15个回答)
2天前关闭。
我有这个CSS代码,我的问题是,由于padding-top
(有一些空间,从顶部)我的页面是太大了什么使它有'滚动'选项,它不适合整个屏幕。
如何使滚动选项被禁用?
* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
}
body {
color: #444;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f7f7f7;
}
.container {
margin: 0 auto;
width: 100%;
height: 100%;
padding-top: 20px;
}
我试图添加overflow: hidden;
,它可以工作,但它在底部切断了我的一些div
2条答案
按热度按时间hrysbysz1#
将
box-sizing: border-box;
添加到.container
,以在height
的百分比值中包含填充。kgsdhlau2#
您可以使用
在你的容器div上包含你的填充。