html - 如何强制 div 以当前窗口浏览器的 100% 宽度缩放

标签 html css

我有一个带有 body 标签的布局。 body 标记为 960px 的 css 宽度;

我想在 body 标签内有一个 DIV,我需要这个 div 是浏览器窗口宽度的 100%。

不幸的是,目前我无法获得结果,因为内部 div 是从主体继承的。

我的问题;如何强制 div 以当前浏览器窗口的 100% 宽度缩放,即使在 body 标签内也是如此?

附言。我尝试 !important 宽度属性但不起作用

谢谢

最佳答案

你不能在你的情况下。主体使用包装器代替 width:960px

<body>
  <div class="wrapper">
    my content goes here
  </div>
  <div>
    my 100% width div goes here
  </div>
</body>

.wrapper { width:960px; margin:0 auto; }

关于html - 如何强制 div 以当前窗口浏览器的 100% 宽度缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7386415/

相关文章:

javascript - 如何通过javascript获取html范围输入类型的最大值?

html - 显示 : none still effects placement of elements

javascript - 将鼠标悬停在另一个元素上时删除 <div> 元素

css - 列表样式菜单 wordpress 样式 css

javascript - 如何单击未完全覆盖背景并在悬停时消失的对象

html - ul 到 div 有余量

html - 如何编写可访问的html表格?

javascript - CodePen React 代码无法加载我的渐变背景

php - .htaccess URL 重写导致 CSS 问题

html - CSS 内部旋转木马背景图片在 IE9 中不起作用