PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] 如何设定display让物件垂直并列
楼主:
ccchiccchi
(ccchi)
2019-04-23 23:50:16
各位前辈好
本版首po请多指教
有问题想请教大家...
在视窗过小的状况下
不管display如何设定都无法让物件 不 互相重叠
如果设定float:left;
则是container的显示又变得诡异。
目前物件有
div(contianer)
nav
section*2
想要的效果是 当视窗缩小
可以呈现
nav
section1
section2
的状态(也就是 nav会把section1的内容挤到下一行)
遇到的问题是nav跟section1的内容老是重叠在一起
(可是section1 2很正常)
如果用图表示是这样
https://imgur.com/kYGmE9x
请问应该怎么设定才对呢?
谢谢大家
作者: ben91lin (一条毫无反应的鲁蛇)
2019-04-30 19:29:00
flex的话,一样nav跟main,@media主轴row/column换一下就好
作者: kids8649 (D调不在*)
2019-04-24 00:04:00
设定float的位置是哪边&有用clear清除浮动造成的影响吗@@?或是用flex解,可能比较快吧你可以透过开发者工具那边看看nav在伸缩视窗时候的设定
作者:
cqwt
(tony)
2019-04-24 01:00:00
用 flex 去解
作者: iamaustin316 (新店速哥)
2019-04-24 01:19:00
https://codepen.io/iamaustin316/pen/bJxZJY
这样是否是你要的
作者:
pandaz79418
(批炸)
2019-04-24 01:30:00
https://codepen.io/PizaLin/pen/bJxJVL
把float取消掉就可以了 会重叠就是他还浮在上层
楼主:
ccchiccchi
(ccchi)
2019-04-24 07:27:00
嗯嗯嗯就是想做i大那样的效果!p大也谢谢,晚点有电脑我再试试看,不好意思手机版我只会用箭头回~感谢大家!
作者:
LipaCat5566
(不断与时间竞赛)
2019-04-24 07:36:00
flex
作者:
LannisterImp
(Mr.Tmp)
2019-06-08 13:42:00
flex最快
作者:
Gurio
(Lala)
2019-06-22 02:52:00
最讨厌用float 用inline-block flex
继续阅读
[请益] WordPress 修改 Action Bar
girl5566
[问题] 痞客邦主题颜色
howwulao
[请益] 能快速建立网站的方法
patrick4126
[请益]让 图片自动调整大小位置的问题
energizer
[闲聊] 我好像过不去...
feifei210
[问题] vue + laravel + mysql 问题
oinnnnk
[问题] jquery + ajax + delegate 事件无触发
ncuoo
[问题] BootstrapVue b-img问题请益
james999
[问题] 点选图片回应至文字方块
becus
[推坑] 前端免费现场教学(4,5月份周末)
sunbear928
Links
booklink
Contact Us: admin [ a t ] ucptt.com