[問題] 如何設定display讓物件垂直並列
各位前輩好
本版首po請多指教
有問題想請教大家...
在視窗過小的狀況下
不管display如何設定都無法讓物件 不 互相重疊
如果設定float:left;
則是container的顯示又變得詭異。
目前物件有
div(contianer)
nav
section*2
想要的效果是 當視窗縮小
可以呈現
nav
section1
section2
的狀態(也就是 nav會把section1的內容擠到下一行)
遇到的問題是nav跟section1的內容老是重疊在一起
(可是section1 2很正常)
如果用圖表示是這樣
https://imgur.com/kYGmE9x
請問應該怎麼設定才對呢?
謝謝大家
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.35.165.45
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1556034621.A.D00.html
推
04/24 00:04,
5年前
, 1F
04/24 00:04, 1F
→
04/24 00:04,
5年前
, 2F
04/24 00:04, 2F
推
04/24 00:06,
5年前
, 3F
04/24 00:06, 3F
我用媒體查詢
min-width:600px的時候讓nav float:left
然後目前display的部分都是設定在 max-width:599px的條件裡
並沒有clear
我以為如果是這樣的狀況應該不用特別做clear...?
我會再試試看的
然後flex正在研究中...
※ 編輯: ccchiccchi (218.35.165.45), 04/24/2019 00:11:38
→
04/24 00:20,
5年前
, 4F
04/24 00:20, 4F
→
04/24 01:00,
5年前
, 5F
04/24 01:00, 5F
推
04/24 01:19,
5年前
, 6F
04/24 01:19, 6F
→
04/24 01:19,
5年前
, 7F
04/24 01:19, 7F
推
04/24 01:30,
5年前
, 8F
04/24 01:30, 8F
推
04/24 01:33,
5年前
, 9F
04/24 01:33, 9F
→
04/24 07:27,
5年前
, 10F
04/24 07:27, 10F
→
04/24 07:27,
5年前
, 11F
04/24 07:27, 11F
→
04/24 07:27,
5年前
, 12F
04/24 07:27, 12F
推
04/24 07:36,
5年前
, 13F
04/24 07:36, 13F
推
04/30 19:29,
5年前
, 14F
04/30 19:29, 14F
→
04/30 19:29,
5年前
, 15F
04/30 19:29, 15F
推
06/08 13:42,
4年前
, 16F
06/08 13:42, 16F
推
06/22 02:52,
4年前
, 17F
06/22 02:52, 17F