Question

我以前做过这个，我相信使用填充。我的想法是，我想要两个元素（div）并排（浮动），其中宽度为百分比（100％），另一个具有固定像素（50px）。

画画不好：

------------------------------------------------
|              100%             |     50px     |
------------------------------------------------

我不想要以下任何内容

的javascript
低于100％宽度，如95％等不会工作

Answer 1

从你的小提琴看起来你可能已经解决了它的方式，我认为可能是唯一可行的方式，绝对定位，然后填充，以给它吸入空间。你知道你可以发布自己的问题的答案：d

这是你的工作答案代码，其他人可能有同样的问题并且想直接得到答案，没有小提琴：

HTML

<div class="black">
    <div class="yellow">
    </div>
    <div class="purple">
    </div>
</div>

CSS

.black{background:black;padding-right:70px;height:100px;position:relative;}
.yellow{background:yellow;width:100%;height:100%;}
.purple{background:purple;width:50px;height:100%;margin:0 0 0 20px;position:absolute;right:0;top:0;}

Answer 2

另一个答案是：jsfiddle

#one
{
  width:100%;
  float:right;
}

#two
{
  width:50px;
  margin-right:-100%;
  float:right;
}

这当然是在将clearfix解决方案添加到父div之后。

这可能不是最具语义的做事方式，但它有效。如果您使用此方法，我建议您在内容的第一个div（具有100％宽度）中添加另一个div。

像素偏移，宽度为100％

2 个答案: