gpt4 book ai didi

html - CSS 主体和标题问题

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

我已将以下代码用于正文作为其响应式网站

.body {
margin: 0 auto;
width: 70%;
clear: both;
}

在正文之后,我添加了一个带有 css 的标题,如下所示

.topheader {
height: 5%;
background-color: #ff6d00;
width:100%
}

我面临的问题是我需要 100% 的页眉,但由于主体宽度,它固定为 70%。

我需要主体宽度为 70%,我还需要主体内部的标题宽度为 100%。

我们有没有机会像这样对齐它?

最佳答案

你只是检查这个演示。我想你会喜欢这个。你永远不会给 body 宽度。

body{padding:0;margin:0 auto;background-color:#ccc;}
.header{float:left;width:100%;position:absolute;top:0;left:0;padding:10px 0;background-color:#000;color:#fff;margin:0;}
.container{margin:0 auto;width:70%;background-color:#fff;height:200px;}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
<div class="container">
<div class="header">
This is an Demo

</div>
</div>
</body>
</html>

关于html - CSS 主体和标题问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28914906/

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