gpt4 book ai didi

css - 页眉不跨越整个页面

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

我试图让我的页眉横跨整个页面。我阅读了跨页面帖子的 CSS 全页宽度页眉和 CSS 中的页眉,并且我尝试了 CSS 中的部分页眉...使用宽度:1004px;没用。我也试过宽度 100%。我整个下午都在看书,不知道要做什么。我希望我没有发送不必要的代码。谢谢

<html>
<head>
<title>some text</title>

<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<div id="header">
<img class="logo" src="file:///Users/janedoe/CGT136as/week07hw/website/images/lily-pads.jpg" alt="Admin Extraordinaire" />
</div><!--/#header-->

<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Read Our Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div><!--/#nav-->
</div><!--/#container-->

</body>
</html>

/* 主体和容器----------------------------------*/

body { 
font-size: 76%;
background-repeat: repeat-x;
padding: 0px;
margin: 0px;
}

#container {
overflow: hidden;
width: 900px;
margin: 0 auto 0 auto;
}



/* HEADER AREA
---------------------------------*/
#header {
float: left;
width: 100%;
height: 150px;
padding: 0px;
margin: 0px;
background-color: #baaf07;
}

最佳答案

您的 div#container 具有固定宽度。尝试将其更改为 100%,如下所示:

#container { 
overflow: hidden;
width: 100%;
margin: 0 auto 0 auto;
}

http://jsfiddle.net/wmhAd/

关于css - 页眉不跨越整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19438214/

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