div填补整个屏幕 - 像素数

Question

我目前正在一个新的网站，我想有一个div ID适合100％的屏幕，但我想有一些宽度为250px的这个div的权利。我试图做宽度：100％ - 120px，但似乎没有任何区别。我怎样才能做到这一点。

感谢您提供的任何帮助。

Answer 1

如果你想要一个250px的div在右边，那么你不希望第一个div是100％的屏幕。将第二个div的宽度设置为250px，并将第一个div的宽度设置为auto，它应该填充剩余的空间。

Answer 2

你不能从百分比中减去像素，这不是你的答案，但我建议先学习css的基本知识，否则你将不知道为什么事情会按照他们的方式工作。

这里是一个很好的网站有很多的布局示例和教程：http://www.maxdesign.com.au/articles/css-layouts/

而且http://www.w3schools.com/对CSS标准。

就您的具体情况而言，您采取的是错误的方法。如果你想能够从100％减去宽度，你可以使用JavaScript来实现这个目标。与jQuery你可以做这样的事情：

$("#div").width($(window).width() - 125); 

然而，一旦窗口调整大小，这将无法正常工作。当窗口调整大小时，您可以添加调整大小的事件来调整div的大小，但这很麻烦并且可能看起来很迟钝。你最好的选择是使用css实现，但你的问题很模糊，你似乎在用侧面板描述两列布局，但我可能是错的。仅用于两列布局，就有不同的选项，例如您是希望主要内容是液态还是静态。

我假设液体，因为它更有用。

我想推荐用于创建布局的jquery布局。使用javascript，使用它可以非常容易地进行快速布局。 http://layout.jquery-dev.net/

这里是您的解决方案：http://jsfiddle.net/Z3nfv/1/