【问题标题】:Width:100% without Position:absolute/fixed宽度:100% 无位置:绝对/固定
【发布时间】:2011-12-17 17:34:08
【问题描述】:

通过使用属性 position:absolute;我必须提到所有图层的正确大小(在我的情况下为 3 层“#header”、“#mybody”、“#footer”),在我的网站中#mybody 的高度是动态的。所以,我需要#footer 的位置应该是相对的,但使用相对我无法设置:100%;即使我设置了宽度:100%,我也没有使用相对的 100% 完成。但是我得到了 100% 使用绝对值,但由于上述原因我不能使用绝对值。我也不希望页脚被修复。如何在不使用绝对位置或固定位置的情况下将页脚宽度设置为 100%?将 width:100% 与 absolute 或 fixed 以外的情况一起使用不会对我产生完全 100% 的结果。

代码:

mheadf {

position:relative;
width:100%;
height:35px;
border:thin solid black;

}

身体{

position:relative;
width:800px;
height:500px;
border:thin solid black;

}

mfootf {

position: relative;
width:100%;
height:115px;
border:thin solid black;

} -->

【问题讨论】:

  • 为什么在布局 div 上需要 position:relative?我不记得曾经这样做过 - 我已经做了很多布局......

标签: css


【解决方案1】:

假设您的 body/div 上没有边距或填充,使用 width:100%; 应该使 div 的宽度为 100%。删除这些,你就可以开始了。

【讨论】:

  • 是的,除非您要添加其他约束。
  • 正如我上面提到的,我不能对动态内容使用绝对属性。
  • 我不是要你这样做。而且大部分情况下您根本不需要指定 position 属性。
  • 耶!正确的!但这样做我怎样才能将我的宽度设置为完成 100%?它不工作。
  • +1 因为你解决了用户的问题,即使他不想承认。
猜你喜欢
  • 2013-08-28
  • 2011-12-20
  • 1970-01-01
  • 2011-06-21
  • 2017-06-03
  • 2015-05-21
  • 2020-09-14
  • 1970-01-01
  • 2018-01-02
相关资源
最近更新 更多