gpt4 book ai didi

html - 巨大的右边距 html/css

转载 作者:行者123 更新时间:2023-11-28 02:23:21 26 4
gpt4 key购买 nike

我正在尝试建立我的第一个网站。我想知道为什么我在所有地方都将该值设置为 0 时得到了巨大的右边距。

这是我的 HTML 代码:

<!DOCTYPE html>
<html>
<head>
.........
</head>
<body>
<header>
<div class="container">
<div id="branding">
<h1>AUTO SERVICE</h1>
<h2>zoo</h2>
</div>
</div>
</header>
</body>
</html>

CSS 代码:

body {
font: 15px/1.5 Arial, Helvetica, sans-serif;
padding:0;
margin:0;
background-color:#f4f4f4;
}

/全局/

.container {
width: 80%;
margin-left: 20px;
margin-right: 0px;
padding: 0;
overflow: hidden;
text-align: center;
}

/标题/

header{
background: #03244D;
color: #9AA7B7;
padding-top: 10px;
min-height: 70px;
line-height: 0.5;
}

/品牌推广/

header #branding{
font: 25px/0.8 "Times New Roman", Georgia, Serif;
font-size: 160%;
text-align: center;
float: center;
}

如果有任何建议,我将不胜感激。

最佳答案

您的容器设置为仅为 80% 宽度。剩余的 20%,左边距减去 20 像素,很可能是您在右侧的边距。尝试在 CSS 中更改容器的宽度,看看是否有帮助。

关于html - 巨大的右边距 html/css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48084449/

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