Question

我试图将div填充到屏幕的某个部分，使412px在左侧和右侧都清空。简单，嗯？

现在，当我添加position：absolute＆amp;顶部：0，填充消失。元素检查器显示它是空的 - “填充”保持不变，但宽度：100％消失。我已经使用过这段代码（没有定位）：

<div style="height:73px; padding-left:413px; padding-right:413px;">
  <div style="width:100%; height:73px; background:url(top-fill-small.png);">
  </div>
</div>

那么，我怎样才能绝对定位它（我需要稍后动画制作），同时保留填充？我非常爱你的帮助。提前谢谢！

Answer 1

Perhaps this?

<div style="width:100%; position:absolute; top:0; left:0">
    <div style="height:73px; background:url(top-fill-small.png); margin-left:413px; margin-right:413px"></div>
</div>

Answer 2

从您需要使用position:absolute;的那一刻起，为什么不使用属性left＆amp; right而不是填充？

<强> HTML

<div style="height:73px;position:absolute;left:413px;right:413px;"><div style="width:100%; height:73px; background:url(top-fill-small.png);border:1px solid red">Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content Content Content Content Content  Content Content Content Content Content </div></div>

示例：http://jsbin.com/anega3

修改的

如果您需要使用填充程序，可以设置left:0; right:0;，然后使用已有的填充。

<强> HTML

<div style="height:73px;position:absolute;left:0;right:0px;padding-left:413px;padding-right:413px;"><div style="width:100%; height:73px; background:url(top-fill-small.png);border:1px solid red">Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content </div></div>

示例：http://jsbin.com/anega3/2

100％宽度，填充和绝对定位

2 个答案: