gpt4 book ai didi

html - 右边距不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 12:45:21 25 4
gpt4 key购买 nike

我正在尝试找到在网页中间创建类似于一张纸的部分的最佳方法。例如,我有一个灰色背景,然后我想在白色之上放置一些内容。

我的 CSS 看起来像这样:

body
{
background:grey;
}

.page
{
display: table;
background:white;
width:100%;
margin: 0px 50px;
}

我的 php 文件如下所示:

<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css"/>
</head>
<body>
<div class="page">
hello this is the content
</div>
</body>
</html>

当我在 firefox 中呈现页面时,右侧边距一直延伸到屏幕的末尾,而不是像在左侧那样被填充...

最佳答案

如何使用带有类名 pagediv 作为包装器?

然后像这样添加一个元素div,属性类名为content

body
{
background:grey;
}

.page
{
display: table;
background:white;
width:100%;
}
.content{
background:red;
margin: 0px 50px;
}
<br><br>
<div class="page">
<div class="content">hello this is the content</div>
</div>

关于html - 右边距不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26551348/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com