如何让CSS适应屏幕尺寸?[复制]

ltskdhd1  于 2023-04-23  发布在  其他
关注(0)|答案(2)|浏览(161)

此问题已在此处有答案

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

hrysbysz

hrysbysz1#

box-sizing: border-box;添加到.container,以在height的百分比值中包含填充。

kgsdhlau

kgsdhlau2#

您可以使用

box-sizing: border-box

在你的容器div上包含你的填充。

相关问题