html - 试图让 rails 应用程序的 css 在 float 内进行自动换行

Question

我有一些大约 20 行的文本。大多数线路都很短，但有些线路很长。文本在一列内，页面有两列。问题是长线导致与 float 的交互不良。我将一列堆叠在另一列之上，而不是列。

我四处搜索，我认为我应该可以使用自动换行，但是将它添加到我的 css 中没有任何作用。我错过了什么？

这是 CSS。

.two{
    float: right;
    width: 45%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    word-wrap: break-word;  
}

如果有更好的方法来做到这一点，我会洗耳恭听。

编辑:这是一个jsfiddle link .

Answer 1

您的页脚设置为 100% 宽度，这没问题，但您有一个 2px 的边框。这会使元素的总宽度超过 100%，这样它会创建一个滚动条，将宽度更改为 98%/99% 或确切的像素数量，它应该可以工作(或者只是删除边框)