gpt4 book ai didi

html - CSS 宽度 100% 未按预期工作

转载 作者:行者123 更新时间:2023-11-28 11:11:52 25 4
gpt4 key购买 nike

我正在尝试制作一个水平填充整个屏幕的横幅,但它没有按预期工作。有一些空间没有填满,就像你在这里看到的:http://i.imgur.com/12NrL7R.png

非常感谢您的帮助,在此先感谢您!

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Best webpage ever</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class="banner">
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Students</a></li>
<li><a href="#">XXX tuga</a></li>
</ul>

</div>
<div id="container">
<div id="content">
<p>cona</p>
</div>
</div>
<div class="banner">
</div>
</body>
</html>

.banner{
background-color: black;
width: 100%;
height: 200px;
}

最佳答案

html, body {
margin:0;
padding:0;
}

试试这个,默认情况下 body/html 有填充,所以你可能想尝试删除它......

关于html - CSS 宽度 100% 未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21936425/

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