头部100％宽度内包装

所以基于我的结构我使用的头部分是在一个包装div。这种包装div有一组宽度头部100％宽度内包装

width: 1000px;

但我想我的头去过去这1000像素宽度，我想的标题是浏览器的整个宽度！

你可以看到在我的jsfiddle代码：https://jsfiddle.net/7eLnegvd/ 您可能需要展开预览部分的宽度，所以你可以看到头不填充100％的宽度。

谢谢！

来源

2016-03-06 Munch

把它从包装中拿出来......这并不难。 –

你为什么不改变你的方式？不要把你的标题标签放在你的包装div中。使用Semantic标签，如标题标签，主标签，页脚标签和...外部div包装和样式标题标签独立像一个BOSS！

HTML：

<body> 

<header>header</header> 
<div class="wrapper">body</div> 
<footer>footer</footer> 

</body>

CSS：

*{ 
    box-sizing: border-box; 
    text-align: center; 
    font-size: 30px; 
    color: white; 
} 

header, 
footer{ 
    width: 100%; 
    height: 100px; 
    background-color: black; 
} 

.wrapper{ 
    width: 1024px; 
    height: 2000px; 
    background-color: gray; 
}

来源

2016-03-06 19:21:46

只是删除width: 1000px;，默认情况下包装会是页面的整个宽度的块元件

来源

2016-03-06 19:23:26 Bxx

如果你想要一个e的width属性lement是最大宽度，你可以使用百分比而不是像素。您还可以向代码添加其他宽度属性，并设置所需的最小或最大宽度。

CSS例子：

#wrap { 
min-width: 5em; 
max-width: 100%; 
}

此外，建议使用CSS3 @media Rule这种类型的设计，使之更适应。

来源

2016-03-06 19:35:40 lowmatic

头部100％宽度内包装

回答

相关问题