如何让R中kable浮动布局后的mtcars章节显示在iris下方？

这个问题是因为你给表格设置了float_right的定位，这个CSS属性会让表格脱离正常的文档流，导致后续的章节内容会“挤”到表格旁边，而不是自动换行到下一行。

解决方法很简单，只需要在每个章节的表格代码后面，添加一个清除浮动的HTML元素，强制让后续内容回到正常的文档流中就行。

修改后的完整代码如下：

# iris
此部分是关于iris数据集的内容
```{r, echo=FALSE, message=FALSE, warning=FALSE}
kable(head(iris[, 1:2]), format = "html") %>% 
  kable_styling(bootstrap_options = c("striped", "hover"), full_width = FALSE, position = "float_right")

此部分是关于mtcars数据集的内容

kable(head(mtcars[, 1:2]), format = "html") %>% 
  kable_styling(bootstrap_options = c("striped", "hover"), full_width = FALSE, position = "float_right")

这里的<div style="clear: both;"></div>会告诉浏览器：这个元素的左右两侧都不能存在浮动元素，因此后面的mtcars标题和内容就会自动换行到上一章节表格的下方，完美实现你想要的章节上下排列的效果。

内容的提问来源于stack exchange，提问作者Ben