我正试图消除我向右浮动的分区下面的空白区域。
我的目的是定义一个分区，我可以将它放在页面的任何位置，让它向右浮动。按钮将扩展分区 - 增加它的高度和宽度 - 以允许读取分区。我遗漏了所有这些处理以简化示例。
我让它漂浮得正确 - 这很简单，只需代码浮动：正确;使用CSS。问题是，如果我没有为分区指定高度，我会在分区下方获得额外的空白区域。如果我设置高度以使分区下方没有空白区域，则按钮会延伸到分区边界下方。
转到http://www.bobnovell.com/sideboxproblem.html以获取包含示例的页面。
鲍勃
答案 0 :(得分：0)
你有空间，因为右边浮动的div高于一行文字。所以需要两行。
如果div应该留在他的在线，请将文本换成新的div并在其上设置clear=both。
以下是一个示例：http://jsbin.com/hujax/1/
更新按照评论中的对话进行操作：
如果您不想更改标记，可以在position:ablsolute上使用div，并将其与top:1em（或您想要的任何内容）和right:0放在一起。
此外，文字和标题的容器需要样式：position:relative。
这里是示例：http://jsbin.com/hujax/4/
<强>更新
如果您为margin-bottom，则可以减少div的所需高度。