两列div问题答案

【问题标题】：Two column div issue两列div问题
【发布时间】：2016-03-30 18:31:20
【问题描述】：

我遇到了小段落的问题。正如您在图片中看到的，我希望文本在左列继续向下流动，但段落会跳到右侧。我相信这与如何“填充”列有关，但就我所见，Chrome 不支持 column-fill 属性。我有什么选择？

相关 HTML：

<div id="display">
    <h4>Party Disbanded</h4>
    <h1>Cr&oacute;nica</h1>
    <p>14 de Goch del 1308 DGGP</p>
    <p class="texto">Text here.</p>
</div>

【问题讨论】：

这是:first-letter 还是图像？如果:first-letter，使其显示：内联块以避免突破列...我们也需要与 .texto 类相关的内容（CSS）
很难假设问题出在哪里，您能否分享更多有关您网站结构的信息？
将您的html、body 设置为width: 100%; height 100%; 和#display 设置为height: 100%; 现在使它工作的时髦是这些元素的HTML 结构。您可能会或可能不会发现更多问题，但现在应该可以完成这项工作
@GCyrillus Merci。我将显示添加到段落格式，添加到第一个：字母 css 没有效果。添加了 texto css 代码。
@Age 谢谢你。请将您的评论添加为回复，并将其标记为正确答案。

标签： css css-multicolumn-layout

【解决方案1】：

将您的html、body 设置为width: 100%; height 100%; 并将#display 设置为height: 100%;。现在让它工作起来很时髦的是这些元素的 HTML 结构。

这将确保您的页面以响应方式扩展到视口的全宽和全高。如果你好奇的话，网上有很多关于这方面的资料。

您可能会也可能不会发现更多问题，因为您需要考虑您的网站上还发生了什么，但现在应该可以解决问题。

如果您还有其他问题，请在下面的 cmets 中提问。

【讨论】：