gpt4 book ai didi

html - 缩小时无法让页面显示全宽

转载 作者:太空宇宙 更新时间:2023-11-03 20:18:56 24 4
gpt4 key购买 nike

当我缩小浏览器时,标题和导航栏不会延伸到浏览器末尾。当我缩小浏览器时它看起来像这样。我希望标题和导航栏延伸到浏览器的末尾。 When shrinked

当浏览器被拉伸(stretch)时,没关系! When browser is expanded

这是我的 html 代码:

<body>

<div id="header">
Some text
</div>

<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</body>

这是它的 CSS:

/* CSS Document */
body {
background:red;
}

#header{
margin:0;
background: white;
height:90px;
width:100%;
}


#nav {
/* margin: 0px auto;*/
padding-left: 100px;
background: black;
height:54px;
}

#nav li {
float: left;
}

#nav li a {
color: lime;
font-size: 20px;
font-weight: bold;
line-height: 54px;
margin-right: 94px;
text-decoration: none;
}

如果你能告诉我我做错了什么,我将不胜感激。我也在使用 Eric Meyer 的重置。

最佳答案

试试这个

#header{
margin:0;
background: white;
height:90px;
min-width:960px;
width:100%;
}

在这里你可以指定min-width:--;

关于html - 缩小时无法让页面显示全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14907128/

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