html - 在 float 元素下方显示 block 元素

标签 html css css-float

我有一个带有 float:right 的菜单,它应该显示在我网站内容的上方。 由于 float 属性,目前内容显示在菜单后面。你能解决吗?

代码:http://jsbin.com/tomaj/2/edit

实际情况: enter image description here

它应该是这样的: enter image description here

最佳答案

为您的 block div 添加以下 CSS

clear: both;

关于html - 在 float 元素下方显示 block 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23063244/

相关文章:

具有不同高度的 CSS Floating Div 与它们之间的空间对齐

html - 如何使两个或多个图像自动调整大小且不超过边界框?

jquery - 将动画添加到谷歌可视化(柱形图)?

css - 发光风格效果

javascript - 第一张幻灯片后的字幕不显示 flexslider

html - 在 100% div 中彼此相邻的 2 个超大 div

html - 链接项 anchor CSS 前景色在 {} 和 :foo { } 之间的交互

html - 如何使用css向<img>元素添加渐变叠加?

css - 如何在 CSS 中垂直居中伪元素图像?

html - 当包裹在另一个 div 中时,div 不会彼此相邻 float ?