css - 屏幕宽度为 100% 的 Div,但位于固定宽度的父 div 内

标签 css html

我正在为一家大型网上商店开发一个元素,但遇到了问题。

我需要将一个宽度为屏幕100%的div放在一个固定宽度为960px的div内。

    <div> /* This div is fixed to 960px */
        <div> /* This is the div I want to fit the screen width */
        </div>
    </div>

通常我会将元素放在内容区域之外,例如在包装器中或任何我已经有 100% 宽度的 div 的地方。但这将涉及更改影响我所有客户网上商店的模板,而我只需要在这个网上商店上使用它。

所以;基本上 - 如何在固定宽度父项内将 div 设置为屏幕的 100% 宽度?这可能吗?

最佳答案

如果固定 div 没有“position:”样式,您可以添加 position:absolute; width: 100%; 到内部 div。我认为宽度百分比将与定位的下一个父级或屏幕相关。

关于css - 屏幕宽度为 100% 的 Div,但位于固定宽度的父 div 内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12001653/

相关文章:

javascript - 我可以根据带有 css 规则的模式格式化 div 中的文本吗?

php - 从显示 :block 触发 PHP 进程

html - 将背景图像缩放到文本列的高度

css - 如何在 HTML 中显示反向排序列表?

javascript - 如何将 css 和 javascript 放在公共(public)库/元素中

javascript - ASPxMenu - 单击而不是悬停打开子菜单 (dx :ASPxMenu)

javascript - 仅对具有相同类名的一个元素触发点击事件

javascript - AngularJS - Textarea 在 ng-click 后不想清除

css - 使用 Z-Index 的全屏分层视频

asp.net - 在 ASP.NET 中临时覆盖主题 CSS