1

我有一个默认的 Sharepoint 2013 母版页，左侧有浮动菜单。问题是我不能在内容区域中使用浮动项目。简化的布局摘录如下所示：

<style>
    .leftMenu{height: 400px;width: 200px;float:left;border: 1px solid Red;}
    .content{border: 1px solid Blue;margin-left: 200px}
    .floatingItem{float:left;border: 1px solid Green;margin-left: 10px;}
</style>
<div class="leftMenu">LeftMenu</div>
<div class="content">
        <div class="floatingItem">floatLeft</div>
        <div class="floatingItem">floatLeft</div>
        <div class="floatingItem">floatLeft</div>
        <div class="floatingItem">floatLeft</div>
        <div style="clear:both"></div>
        I want to appear just bellow floating items
</div>

我需要模板为 100% 宽度。除非我将浮动项目放在内容块中，否则模板表现良好。然后我得到意外的行为 - 清除 div 和浮动项目下方的任何内容出现在左侧菜单的底线下方。

是否可以使内容块正常运行？我希望内容块的高度不超过两个行高：~30px。顺便说一句，我想在不使用 JavaScript 技巧的情况下解决它。

4

1 回答 1

1

只需<div style="clear:both"></div>从 HTML中删除

有关更多信息，请查看：style="clear:both" 的用途是什么？

于 2013-10-21T09:38:29.767 回答