css - 文本不适合容器的宽度

Question

这看起来像是一个简单的问题，但我无法理解它。正如您在此处看到的，文本使用容器的宽度，但是当我更改容器的宽度时，文本适合但看起来像这样并将侧边栏向下推。

   .container {
        width:1130px;
        margin:0 auto;
    }
    .container.sp_sidebar {
        overflow:hidden;
    }
    #main {
        width:100%;
    } 
    .container.sp_sidebar #main {
        width:770px;
        margin-right:30px;
        float:left;
    }
    #sidebar {
        width:300px;
        float:right;
    }

我试图将容器向左浮动，并删除边距 0。

Answer 1

试着在那个可怕的词里加一个空格。

或者将word-break: break-all;( docs ) 添加到您的 CSS 中。

Answer 2

您需要一些空格来换行（如在普通文本中）。下一次，尝试使用一些Lorem Ipsum文本作为占位符。