div填充整个屏幕 - 像素数

时间:2011-12-06 21:36:37

标签: css html

我目前正在开发一个新网站,我希望有一个div ID可以适应100%的屏幕,但是我希望在这个div的右边有250px的宽度。我想做宽度:100% - 120px,但似乎没有任何区别。我怎样才能做到这一点。

感谢您提供的任何帮助。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

你不能从百分比中减去像素,这不是你的答案,但我建议先学习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/