0

我有左右按钮，我想在页面上某些内容的顶部和底部显示为导航按钮，如下所示：

<div style="float: right;">     
    <button class="right">Right button</button>
</div>
<div>       
    <button class="left">Left button</button>
</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis faucibus
feugiat. Suspendisse felis tortor, sodales quis scelerisque a, malesuada lobortis erat.
Etiam vel lectus vitae nulla imperdiet dapibus. Curabitur accumsan pretium viverra. 
Vivamus sit amet gravida ante. Aenean elit lorem, aliquet porta sollicitudin non, 
elementum aliquam massa. Ut magna arcu, malesuada lacinia rutrum ornare, accumsan sed 
eros.</p>

<div style="float: right;">     
    <button class="right">Right button</button>
</div>
<div>       
    <button class="left">Left button</button>
</div>

我遇到的问题（如此处所示）是，如果我只有右按钮但没有左按钮，则使用 float 将按钮浮动到我的段落右侧（这是正常的，因为这是按钮之后的内容），但是如果我使用 text-align: right 而不是 float right，一切正常。有没有更好的方法可以做到这一点，而无需检查条件以查看我的左按钮是否存在并将我的浮动更改为文本对齐？

谢谢

4

2 回答 2

1

不要使用浮动：对，没关系

<div style="text-align: right;clear:left;">
于 2013-04-09T00:15:47.740 回答
0

如果你把

p {
    float: none;
    clear: both;
}

那应该解决它：http: //jsfiddle.net/P2rNC/2/

于 2013-04-09T00:01:36.787 回答