CSS网站一旦发布就会更改div大小

问题描述 投票:0回答:2

我正在我的网站上工作,并将主体div设置为一定的宽度。但是,当我将所有文件上传到Web主机时,宽度的大小会缩小,无论我如何调整div的代码,宽度大小在我发布的网站上保持不变(错误的大小),尽管我刚打开时看起来正确浏览器中的代码。

我已经尝试直接在网络主机中编辑代码,看看我是否甚至可以调整宽度。我已经尝试过几次删除和重新上传所有内容。

这是我在CSS样式表上的内容:

.body1{
    max-width: 1200px;
    height: 1000px;
    background-color: #fffdf8;
    margin: auto;
    padding: 10px;
    text-align: center;
    border: 2px solid #f892c9;
}

<div class="body1" style="height: auto">

1200px的宽度是我想要它的大小,当我在浏览器中打开html文件时它正确显示。当我使用webhost上传代码时,宽度较小,即使我将其更改为更大的数字(如1500px),它也会保持较小的尺寸。

编辑:我用000webhost.com发布它。据我所知,没有其他CSS,只有我为我的页面上传的内容。

html css web
2个回答
0
投票

也许你想要属性“宽度”而不是“max-width”? max-width当您想要调整具有特定宽度的页面时,它非常有用。

无论如何检查参考CSS:https://www.w3schools.com/cssref/pr_dim_width.asp


0
投票

我仍然不知道为什么它首先不会起作用,但我最终决定将它从CSS样式表中删除,然后用老式的方式将其与我的其余html放在一起:

现在它有效。

© www.soinside.com 2019 - 2024. All rights reserved.