Html CSS:排列浮动元素
我在一个容器中有3个块元素(2个导航条和一张图片),它们都是浮动的,具有流体宽度。图片在导航栏之间,所以我的左导航栏和图片有float:left,右导航栏有float:right 我的目标是在移动设备的导航栏下获取图片。要做到这一点,我想我只需要在我的媒体查询中向pic添加float:none,但结果是pic下的导航栏位置正确 是否有可能在移动视图中重新安排div? 最好的解决方案是告诉浮动元素浮动顺序的技巧Html CSS:排列浮动元素,html,css,wordpress,Html,Css,Wordpress,我在一个容器中有3个块元素(2个导航条和一张图片),它们都是浮动的,具有流体宽度。图片在导航栏之间,所以我的左导航栏和图片有float:left,右导航栏有float:right 我的目标是在移动设备的导航栏下获取图片。要做到这一点,我想我只需要在我的媒体查询中向pic添加float:none,但结果是pic下的导航栏位置正确 是否有可能在移动视图中重新安排div? 最好的解决方案是告诉浮动元素浮动顺序的技巧 我想你在找清楚:两者都是。。不管怎么说,这里有一个解决办法;你可以调整宽度什么的,但你
我想你在找
清楚:两者都是。。不管怎么说,这里有一个解决办法;你可以调整宽度什么的,但你得到的想法:。另外,请注意,因为所有项目都是浮动的。。您可以将图像放置在两个导航栏之后,并将其以较大的宽度显示在中间。提供JSFIDLE或html CST的源代码认为太复杂,忽略了简单的数学。。非常感谢。