CSS设置宽度以填充剩余面积的%

对不起，这个标题有点垃圾。我想不出如何更好地描述这一点

我正试图在我的网站上实现Google Friend Connect members小工具（刚刚加入该计划，并希望在不进行重大重新设计的情况下将其投入使用，至少是为了测试）

我的问题如下：

我有一个容器div，其宽度为主页（正文）的90%。在这里面，我在右边浮动一个div，将其宽度设置为300px，并将谷歌小工具放在其中。我想要的是能够让一个div填充googlegadget div左边剩余空间的95%

我不知道是否有可能将px和%与div和width混合

我希望这是有道理的

---

谢谢

是的。您正在寻找半流体布局。这个任务最初是。。。但正如你从那个链接中看到的（他们正在做3列，2列是固定的，但很容易改变），这是一个长期解决的问题=）

我也做了一个快速的实验，在看了很多可能的解决方案之后。我想做的是混合使用流动和固定的行和列

这就是我的结局：

---

如果您希望避免浮动和clearfixes，请使用flex布局

.main{
显示器：flex；
宽度：90%；
}
.col1{
柔性生长：1；
}
.col2{
宽度：300px；
左缘：5%；
}

左列
右栏

看起来很完美。非常感谢。我会在周末处理这个问题。像这样的文章再次证明了我的担心，CSS远远不是一个好的布局工具。@Sidnicious作为一个像我这样做[将设计转换为网站]的人，我可以告诉你，它比以前或以后提出的任何东西都要好得多。它并不完美，你需要知道它是如何工作的。。。但是一旦你这样做了，它就很简单了。但是如果你想改变一列的宽度，那么你必须编辑所有的值。有一个恼人的概念是“如果它能工作，就不要不惜一切代价去碰它，请不要批评它”，但布局可能会简单得多。“如果你只是混合使用%和px并引用其他值，一切都会简单得多。”乔纳森说。毫无疑问，这是真的-CSS中的活动变量和arthmetic将使事情变得非常简单，但我们没有。如果你想打破可塑性，看看LESS/SASS/等等。它们是解决方案的一半