css 使EZ家庭包装div的全宽看起来像行,而内容保持通常的宽度和居中,为中间行着色。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使EZ家庭包装div的全宽看起来像行,而内容保持通常的宽度和居中,为中间行着色。相关的知识,希望对你有一定的参考价值。

.ez-home .site-inner, #home-hook-wrap, #home-hook-wrap,
#ez-home-top-container, #ez-home-middle-container, #ez-home-bottom-container {
	max-width: 100%;
	padding:0;
}
#ez-home-top-container .ez-home-wrap, #ez-home-middle-container .ez-home-wrap, #ez-home-bottom-container .ez-home-wrap {
	float:none;
	margin: 0 auto;
	padding: 50px 20px;
}
#ez-home-middle-container {
background: #e8e8e8;
}

/* Adjust the width to fit your layout settings */
@media only screen and (min-width:1200px) { 
#ez-home-top-container .ez-home-wrap, #ez-home-middle-container .ez-home-wrap, #ez-home-bottom-container .ez-home-wrap {
	width: 1080px;
}
}

以上是关于css 使EZ家庭包装div的全宽看起来像行,而内容保持通常的宽度和居中,为中间行着色。的主要内容,如果未能解决你的问题,请参考以下文章

固定高度的全宽图像

div上的全宽背景颜色

如何使文本占据其容器的全宽?

如何使背景标题图像扩展到浏览器的全宽

带有内容 div、wordpress 的 css 全宽背景

如何将表格样式设置为容器的全宽并使单元格使用宽度的百分比?