各位前辈好
本版首po请多指教
有问题想请教大家...
在视窗过小的状况下
不管display如何设定都无法让物件 不 互相重叠
如果设定float:left;
则是container的显示又变得诡异。
目前物件有
div(contianer)
nav
section*2
想要的效果是 当视窗缩小
可以呈现
nav
section1
section2
的状态(也就是 nav会把section1的内容挤到下一行)
遇到的问题是nav跟section1的内容老是重叠在一起
(可是section1 2很正常)
如果用图表示是这样

请问应该怎么设定才对呢?
谢谢大家

flex的话，一样nav跟main，@media主轴row/column换一下就好

设定float的位置是哪边&有用clear清除浮动造成的影响吗@@？或是用flex解，可能比较快吧你可以透过开发者工具那边看看nav在伸缩视窗时候的设定

用 flex 去解

https://codepen.io/iamaustin316/pen/bJxZJY这样是否是你要的

https://codepen.io/PizaLin/pen/bJxJVL把float取消掉就可以了 会重叠就是他还浮在上层

嗯嗯嗯就是想做i大那样的效果！p大也谢谢，晚点有电脑我再试试看，不好意思手机版我只会用箭头回～感谢大家！

flex

flex最快

最讨厌用float 用inline-block flex