Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS:排列浮动元素_Html_Css_Wordpress - Fatal编程技术网

Html CSS:排列浮动元素

Html CSS:排列浮动元素,html,css,wordpress,Html,Css,Wordpress,我在一个容器中有3个块元素(2个导航条和一张图片),它们都是浮动的,具有流体宽度。图片在导航栏之间,所以我的左导航栏和图片有float:left,右导航栏有float:right 我的目标是在移动设备的导航栏下获取图片。要做到这一点,我想我只需要在我的媒体查询中向pic添加float:none,但结果是pic下的导航栏位置正确 是否有可能在移动视图中重新安排div? 最好的解决方案是告诉浮动元素浮动顺序的技巧 我想你在找清楚:两者都是。。不管怎么说,这里有一个解决办法;你可以调整宽度什么的,但你

我在一个容器中有3个块元素(2个导航条和一张图片),它们都是浮动的,具有流体宽度。图片在导航栏之间,所以我的左导航栏和图片有float:left,右导航栏有float:right

我的目标是在移动设备的导航栏下获取图片。要做到这一点,我想我只需要在我的媒体查询中向pic添加float:none,但结果是pic下的导航栏位置正确

是否有可能在移动视图中重新安排div? 最好的解决方案是告诉浮动元素浮动顺序的技巧


我想你在找
清楚:两者都是
。。不管怎么说,这里有一个解决办法;你可以调整宽度什么的,但你得到的想法:。另外,请注意,因为所有项目都是浮动的。。您可以将图像放置在两个导航栏之后,并将其以较大的宽度显示在中间。

提供JSFIDLE或html CST的源代码认为太复杂,忽略了简单的数学。。非常感谢。