Question

嗨我有一个标题图片，我想要100％宽度，但我的身体标签已经设置了宽度，有没有办法覆盖它？我尝试将img div放在HTML中的body标记之前，但这不起作用，在!important img <的宽度上也没有使用div / p>

CSS：部首：

.header-img {
    width: 100% !important;
    height: 40%;
    background-image: url('/v2/img/header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    position: relative;
}

身体：

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

HTML：

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

Answer 1

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

你需要创建类似的东西：

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

样式正文标记中的全宽图像

1 个答案: