我正在尝试消除我向右浮动的分区下方的空白区域。
我的意图是定义一个分区，我可以将其放置在页面上的任何位置并使其 float 到右侧。一个按钮将扩展该分区 - 增加它的高度和宽度 - 以允许读取该分区。我省略了所有这些处理以简化示例。
我让它正确 float - - 做起来很简单，只需编写代码 float: right;使用 CSS。问题是，如果我没有为分区指定高度，我会在分区下方得到额外的空白区域。如果我设置高度以使分区下方没有空白区域，则按钮会延伸到分区边框下方。
转到 http://www.bobnovell.com/sideboxproblem.html获取包含示例的页面。
鲍勃
最佳答案
你得到了空间，因为右边 float 的 div 比一行文本的高度还高。所以需要两行。
如果 div 应该保持在线，将文本包装在一个新的 div 中并在其上设置 clear=both。
这是一个例子:http://jsbin.com/hujax/1/
更新在评论中关注对话:
如果您不想更改标记，您可以在 div 上使用 position:ablsolute 并使用 top:1em 定位它(或者你想要什么)和right:0。
文本和标题的容器也需要样式:position:relative。
这是一个例子:http://jsbin.com/hujax/4/
更新
使用负 margin-bottom 可以降低 div 所需的高度。
关于html - 消除向右浮动的分区下的空白，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21805221/