Html 全宽img带样式的body标签_Html_Css_Image_Width

Html 全宽img带样式的body标签

html css image

Html 全宽img带样式的body标签,html,css,image,width,Html,Css,Image,Width,嗨，我有一个标题图像，我想是100%的宽度，但我的身体标签已经与宽度样式，有没有办法覆盖它？我试着在HTML中把imgdiv放在body标记之前，但这不起作用，使用也不行！重要信息关于imgdiv CSS: 标题：正文： body { padding-bottom: 60px; font-family: 'Finger Paint', sans-serif; width: 60%; margin: 0 auto; } HTML: 标题你的工作颠倒了。 bod

嗨，我有一个标题图像，我想是100%的宽度，但我的身体标签已经与宽度样式，有没有办法覆盖它？我试着在HTML中把

img

div

放在body标记之前，但这不起作用，使用

也不行！重要信息

关于

img

div

CSS: 标题：

正文：

body {
    padding-bottom: 60px;
    font-family: 'Finger Paint', sans-serif;
    width: 60%;
    margin: 0 auto;
}

HTML:

标题

你的工作颠倒了。 body是页面的包装元素，这就是它应该具有最大宽度/高度的原因。您可以尝试在header元素上使用“position”css attr，但这只是一种糟糕的做法

您需要创建如下内容：

<body>
<header style="width:100%;">title</header>
<content style="width:60%">wrapper for all content</content>


标题
所有内容的包装器

<header><div class='header-img'>title</div></header>

<body>
<header style="width:100%;">title</header>
<content style="width:60%">wrapper for all content</content>