使用css将元素移动到图像下方

时间:2014-02-25 15:00:56

标签: html css

我有以下布局:

enter image description here 问题:因为元素向左浮动,当h2元素上方的文字太短时,H2元素(以红色显示)不会保留在图像元素下方。

我想要实现的目标:我想保持H2始终低于图像,但有以下警告:我只能使用CSS来实现这一点(没有JS,没有新的HTML(CSS)伪元素是一种可能性))。

我还没有得到任何解决方案。有人可以帮我吗?

2 个答案:

答案 0 :(得分:2)

你可以这样做:

h2 {
  clear: left;
}

快速的小演示:http://jsbin.com/xoridiva/1/edit?html,css,output

答案 1 :(得分:1)

在img div

之后使用clear:both; CSS创建一个div