我想创建交替的100%彩色块."理想"情况被说明为附件以及当前情况.
所需的设置:

目前:

我的第一个想法是创建一个div类,给它一个背景颜色,并给它100%的宽度.
.block {
width: 100%;
background: #fff;
}
Run Code Online (Sandbox Code Playgroud)
但是,您可以看到这显然不起作用.它仅限于集装箱区域.我试图关闭容器,但也没用.
我喜欢在整个屏幕上使标题全宽,包装器是1052px并希望在徽标和菜单保持原位时扩展它。
有没有办法div在响应式布局中将内部扩展到全屏宽度?
如何使用 css 解决这个问题,记住“菜单”固定在顶部,“全宽”div必须正常滚动?我想我不能使用绝对定位。我希望它很清楚,否则我会尝试改进问题。
这是 header.php 代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body <?php body_class() ?>>
<div id="wrapper">
<div id="inner-wrap">
<div id="header" class="fullwidth">
<div id="logo">
<?php if (!option::get('misc_logo_path')) { echo "<h1>"; } ?>
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">
<?php if (!option::get('misc_logo_path')) …Run Code Online (Sandbox Code Playgroud)