【问题标题】:Stretch element to full width of a padded fluid parent将元素拉伸到填充流体父级的全宽
【发布时间】:2012-06-02 11:17:14
【问题描述】:

我无法很好地解释这一点,所以我做了一个图表。耶!

我有一个宽度为 95% 且内边距为 30 像素的父级。此部分内 99% 的元素将始终为 100% 宽度,在填充范围内冷却。

但是。我有一个替代用例,其中将在该部分的顶部弹出一个警报,这需要在整个页面上延伸。

我可以制作一个可以容纳大部分内容的内部容器,但是如果我可以让成功横幅的宽度为 100% + padding 然后偏移它(我知道我可以定位:相对而言),那么这似乎是最好的解决方案。

【问题讨论】:

  • 你也可以使用负边距-left
  • width: 100%; margin-left: -30px 工作吗?
  • 关注的不是定位,而是宽度。宽度 100% 只会在填充内拉伸它。见:cl.ly/1O3E2t0c0r0p3P1a1A3Q
  • 啊,我明白了,我用不同的解决方案添加了答案

标签: jquery html css padding fluid-layout


【解决方案1】:

尝试使用display: blockmargin: 0 -30px; 而不是width: 100% 示例:http://jsfiddle.net/tx6av/1/(对不起,ID 错误)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-18
    • 2018-04-25
    • 1970-01-01
    • 2023-03-31
    • 1970-01-01
    • 2014-08-27
    • 1970-01-01
    相关资源
    最近更新 更多