CSS 使两个 div 看起来平行且独立于页面的宽度?

标签 css

如果您在我的页面打开时尝试调整窗口大小:http://antonpug.com/mainepark/

您会看到两列中的图像跳来跳去,它们并不总是水平的,但因为内容的高度是流动的(最小高度:450;和最大高度:900),而文本不是相同的长度,这些部分最终会变成不同的尺寸。

我如何确保这些部分要么始终保持水平,要么所有部分的大小都适合文本量最大的部分?

最佳答案

A 列不知道 B 列发生了什么。

您可以为部分设置标准高度(不可取)或编写一些 JavaScript 以在窗口调整大小后自动调整高度。

或者,您可以重新构建 HTML,使每个部分有两列而不是整个页面。

关于CSS 使两个 div 看起来平行且独立于页面的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9522502/

相关文章:

CSS:将图像添加到带有文本的圆圈

html - 用于扩展照片 slider 插件以跨越网页的 CSS 代码

javascript - 如何获取JavaScript中媒体查询定义的当前CSS值?

javascript - 如何在 Firefox 打印时隐藏网址

html - 仅在实时网站上有损坏的图像和 CSS

iphone - CSS:iPhone/iPad Safari 在元素周围添加额外的边距或填充?

css - 语义 UI 网格禁用等高列以获取较小的列来堆叠

css - ie7 下拉菜单(列表)

html - 电子邮件客户端的电子邮件通讯页眉和页脚对齐 <td>

javascript - 如何使用按钮在javascript中添加类