如何将div与一个固定宽度和一个屏幕的其余部分并排

时间:2016-05-05 21:26:17

标签: html css

我无法并排获得两个div,使用css,并且大小与我想的一样。

我想要两个div并排。 左边的div应该有200px的固定宽度。右边的div应该占据屏幕的其余部分。

在某些条件下,我会隐藏左边的div,这样右边的div就会占据整个屏幕。

有谁知道解决方案?

2 个答案:

答案 0 :(得分:2)

这可以单独使用CSS和calc函数来实现,例如:https://jsfiddle.net/jks421gy/1/

width: calc(100% - 200px);

你需要浮动div,然后给第一个固定宽度,然后右边的100%空间减去200px。

答案 1 :(得分:1)

你尝试过使用css类吗?除此之外,twitter bootstrap可能会提供您所需的功能。我也听说过砌体下降,如果你想要1文件解决方案,你可以使用内联样式。