我目前正在开发一个新网站,我希望有一个div ID可以适应100%的屏幕,但是我希望在这个div的右边有250px的宽度。我想做宽度:100% - 120px,但似乎没有任何区别。我怎样才能做到这一点。
感谢您提供的任何帮助。
答案 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/