html – CSS响应浮动左右(改变哪个div在顶部)？

概述我正在写这个页面： http://www.insidemarketblog.com/test-4/ 你会看到“test”这个词在div左边浮动,而图像在div中浮动. 如果你调整它的大小,你会看到左边的div漂浮在顶部,而div漂浮在右下方. 你怎么能颠倒那个顺序？所以div漂浮在左下方,div向右浮动.我所做的一切似乎都没有用. HTML： <div class="main_header">< 我正在写这个页面： http://www.insidemarketblog.com/test-4/

你会看到“test”这个词在div左边浮动,而图像在div中浮动.

如果你调整它的大小,你会看到左边的div漂浮在顶部,而div漂浮在右下方.

你怎么能颠倒那个顺序？所以div漂浮在左下方,div向右浮动.我所做的一切似乎都没有用.

HTML：

<div ><div ><p>test</p></div><div ><img src="http://www.insIDemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg"></div></div>

CSS：

.main_header {    background: none repeat scroll 0 0 #2B3443;    border: 1px solID #FFFFFF;    height: 300px;    margin: 0 auto;    overflow: hIDden;}.banner_left {    float: left;}.banner_right {    float: right;}

解决方法 您可以交换HTML标记的顺序以实现所需的效果.

改变这个：

<div ><div ><p>test</p></div><div ><img src="http://www.insIDemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg"></div></div>

对此：

<div ><div ><img src="http://www.insIDemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg"></div><div ><p>test</p></div></div>

总结

以上是内存溢出为你收集整理的html – CSS响应浮动左右(改变哪个div在顶部)？全部内容，希望文章能够帮你解决html – CSS响应浮动左右(改变哪个div在顶部)？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。