在div之前使文本元素换行

时间:2013-09-08 20:03:26

标签: html css

我设置了以下示例:http://jsfiddle.net/Xj5cH/

<div id="box">
    <span id="text">This is some text. Hello World!</span>
    <div id="sidebar"></div>
</div>

#box {
    height:50px;
    width:200px;
    border:1px solid;
}

#text {
    font-size:16px;
}

#sidebar {
    height:100%;
    width:50px;
    float:right;
    background-color:yellow;
}

如何在没有明确设置宽度的情况下让文本元素在侧边栏div之前正确换行?

1 个答案:

答案 0 :(得分:3)

右浮动元素应出现在之前 HTML中的左侧元素。

Updated Fiddle

<div id="box">
    <div id="sidebar"></div>
    <span id="text">This is some text. Hello World!</span>
</div>