html - 如何使 div 并排显示一个固定宽度和一个屏幕的其余部分

标签 html css

我在使用 css 并排放置两个 div 时遇到了问题,并且无法按我想要的大小调整大小。

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

在某些情况下,我会隐藏左侧的 div,以便右侧的 div 占据整个屏幕。

有人知道解决办法吗?

最佳答案

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

width: calc(100% - 200px);

你需要 float div,然后给第一个固定宽度,那么右边的就是100%的空间减去200px。

关于html - 如何使 div 并排显示一个固定宽度和一个屏幕的其余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37060538/

相关文章:

html - 如何制作一个传递参数的html按钮?

javascript - 如何在html5中实现打印功能

css - 如何将悬停时的 z-index 更改延迟到过渡之后?

javascript - Javascript 上的 IF/ELSE 工作起来很奇怪

javascript - 如何使用 onclick 通过 id 调用脚本?

javascript - 填充数据时禁用图像

html - 是否有可能制作像表格这样的跨度行为

CSS3 动画在 Chrome 中不起作用,而在 Firefox 中起作用

image - CSS 背景图像动画不起作用

javascript - 使用 CSS/jQuery 的 Angular 动画