父元素自适应宽度，子元素同行及自动换行的问题

父元素自适应宽度，子元素同行及自动换行的问题

请问，父元素绝对定位，宽度自适应子元素宽度情况下，怎么使子元素同行显示，父元素到达一定宽度后，使子元素自动换行显示

苍天的庭师之珏 2021-12-15

源自：“仿穷游”首页静态项目 2-7 使用CSS制作菜单

10

收起

1回答

好帮手慕慕子 2021-12-15 17:47:57

同学你好，可以尝试给父元素设置max-width，示例：

1、小于max-width属性值时，父元素宽度由子元素撑开。如下：

2、超出max-width属性值时，子元素内容自动换行显示。

祝学习愉快~

提问者苍天的庭师之珏 #1

抱歉，描述有歧义。
我想问的是使“多个”子元素同行，父元素自适应内容宽度，在到达一定宽度后，容纳不下下个子元素时，自动换行。请老师解答。

2021-12-15 18:10:43
好帮手慕慕子回复提问者苍天的庭师之珏 #2

同学可以再仔细看下老师第一次回复给出的示例，结合示例代码测试下。如果还有疑问的话，可以图文结合详细描述下要实现的效果，便于帮助同学准确的定位与解决问题，祝学习愉快~

2021-12-15 18:23:11
提问者苍天的庭师之珏回复好帮手慕慕子 #3

2021-12-15 19:12:56

点开查看后面3条评论

相似问题

父盒子里的子元素设置了绝对定位，父元素高度为0

margin-top:50%,子元素为什么不相对父元素下移？

老师，为什么在导航栏的.dropdown-menu的宽度为什么不是两个浮动的子元素宽度的和？

老师想请问下什么叫行内元素的width属性会变自动收缩

因为div设置了宽度那么p元素有自己设置的宽度span元素因为是行内无法设置显示div设置的宽度吗

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载