小编Liq*_*e_O的帖子

如何使div全宽

我使用的主题的内容设置为 1200px。问题是我想创建一个与屏幕边缘全宽的 DIV,然后偏移左边距以抵消差异。(我猜这是最简单的方法)

如何计算屏幕一侧到 1200px 网格左侧之间的列宽度?然后计算我尝试创建的 DIV 宽度的差异,以便 DIV 为全宽,无论在什么屏幕尺寸上查看?

我知道我可以使用 Visual Composer 等精美的编辑器来完成此操作,但它们太笨重并且会使网站变慢。

以下似乎适用于文本,但我无法让图像在屏幕上全宽延伸,除非我将其放大并与屏幕尺寸重叠。我需要它从屏幕一侧触摸到屏幕一侧

.blue_section {
  width: 200% !important;
  margin: 0px -50% 0px -50% !important;
  padding: 0px 0px 0px 0px !important;
  background-color: #0088CC;
}
.blue_content {
  width: 1200px !important;
  height: 100% !important;
 margin: 0px auto 0px auto !important;
 padding: 10px !important;
}
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
2
解决办法
8万
查看次数

标签 统计

css ×1

html ×1