相邻列

Question

我是一名CSS初学者，在浏览器调整大小时遇到​​Skeleton问题。我的图像和文本在列中彼此相邻，如下所示（除了下面显示的文本之外）。这样可以正常工作，但是当您重新启动浏览器以使其变窄时，文本会与图像重叠一段相当大的距离，然后当您到达非常窄的浏览器宽度时，它会“捕捉”到图像下方。

我认为有一些方法可以使用Skeleton CSS Utilities来解决这个问题，但我还是无法弄清楚如何解决这个问题。我对CSS的理解非常基础。

<div class="row">
    <div class="one-third column">
        <img src="images/myimage.jpg">
    </div>
    <div class="two-thirds column">
        Lots of latin text here.
    </div>
</div>

Answer 1

将以下类添加到图像中：u-max-full-width，如下所示：

<img class="u-max-full-width" src="images/myimage.jpg" />