抱歉问了一个可能很愚蠢的问题:为什么没有根容器(document-list-item_container)的max-width的子容器的display: flex会使根容器占用100%的宽度？为了避免100</em
浏览 62提问于2021-06-24得票数 1
我有一个具有flex display和width设置为100%的父容器，它的子元素(子容器)被设置为占用max-width 25%。 子容器上的按钮分配了最小宽度和最大宽度，如下所示。按钮往往不会占据100%的子<
浏览 40提问于2019-10-06得票数 1
回答已采纳
-- div of class "vino" can be 1 or also 100 times rendered, one below another just like this: -->
<：所有的<div class="vino">都应该以某种方式进行调整，使之始终只显示连续的3条divs (从左到右)。然后，在下一行中，应该有这些divs的下三个，以此类推，直到再也没有剩下的了。移动的场景：
浏览 3提问于2021-09-23得票数 0
回答已采纳
我有一个最大宽度的根div，然后是一个容器和一些绝对的子元素。 background-color: tomato; height: 100%; align-itemsjustify-content: center; position: rela
浏览 5提问于2022-03-21得票数 0
回答已采纳
1回答
如果使用Flexbox布局在一行中对某些项目进行布局，则Flexbox容器将占据其所在容器的全宽。如何将Flexbox容器设置为只占用其子元素的宽度？看一下下面的例子：
在本例中，flexbox容器的大小超出了子元素的宽度。解决这类问题的典型方法是display</
浏览 3提问于2017-07-12得票数 11
1回答
我有一个带有flex-direction: row的父容器和几个带有max-width的子元素。我试图让父元素扩展得和子元素的最大宽度一样宽，但不太宽。 display: flex; width: 100</em
浏览 1提问于2022-05-24得票数 0
我正在尝试获取几个div来获取整个宽度，如果它们的单个宽度小于200像素，则将其包装。我就是这样做的：.box { max-width: 100%; box-sizing: border-box; flex-wrap: wrap;
.box>div
浏览 0提问于2018-05-19得票数 0
回答已采纳
3回答
flexbox的一个非常酷的地方是，如果有空间，弹性项目的边距就包括在flex容器的宽度中，即使我告诉它占据整个空间。例如，如果我有一个100 be宽的flex容器，并给它一个占用整个宽度的子容器，那么在两边给这个子容器10 be的边距，这个子容器实际上变成
浏览 4提问于2017-06-10得票数 2
回答已采纳
1回答
: 100%; display: flex; width: 25%; height: 100%; width: 75%;}
所以我要做的是制作一个div，它是100%宽度的。子元素
浏览 0提问于2018-09-25得票数 2
回答已采纳
1回答
我正在尝试制作一个由div组成的flex容器，其中所有的div都将具有相同的宽度(每行两个div，每个容器的50%宽度)。我用max-width: 50%;在容器中设置了div，因为我希望它们是相等的，但是当这一行中只有一个项时，它似乎不尊重这个max-width。.flexContainer{
<em
浏览 2提问于2016-05-08得票数 0
回答已采纳
我的CSS中有以下代码： ... display: flex;flex-flow: column; }
display: block;max-w
浏览 4提问于2017-03-09得票数 1
回答已采纳
为什么在这种情况下.itm取宽度400px而不是160px？在其他情况下，div的宽度与子区域相同，但是当img更大并且浏览器进行缩放时，我得到了空空间。.box {}
浏览 3提问于2021-04-02得票数 0
回答已采纳
这是简化的布局： <div class="container"> <input type="text": auto; background-color: green; height: 50px;}
浏览 0提问于2017-10-10得票数 9
回答已采纳
2回答
我需要一种方法来强制每个image填充div，而不管div的大小。我认为这是width: 100%应该做的事情，但它并不像我期望的那样工作。
min-width: 100%;.image-carousel { height: 50vh; position: relative;.image-carousel .inner {
<em
浏览 3提问于2018-02-24得票数 0
回答已采纳
下面是我所拥有的(从外部到内部)：
在每个列表项目中都有一个图标和一个水平并排的标签。我希望列表项具有足够的宽度，就像它们需要容器它们的柔性子元素一样，因为<em
浏览 3提问于2018-12-22得票数 1
回答已采纳
我正在用flexbox做一个聊天泡泡，容器中有三个子元素(avatar、content、meta)。
avatar、content元素共享同一行，meta元素拥有一行。
容器根据meta元素文本的宽度展开，即使文本尚未到达容器的边缘。这是密码。当元素的文本
浏览 0提问于2018-01-17得票数 3
我有一个固定宽度的容器#container，它有三个子.item。每一个都有一个100 so的弹性基础，但是中间的一个.item-grow应该增长，这样就可以使用#container的所有宽度。.item-grow元素有另一个子元素#too-big，它可能比可用父元素的宽度更宽，因此它封装在一个带有overflow: scrol
浏览 2提问于2017-09-18得票数 1
回答已采纳
为什么在此实现中没有应用100%宽度(其中类uk-width-1-1应用于网格容器子容器的嵌套div )：<!-1-1应用于网格容器的子容器)时，它是应用的：<!-- if applied to child div, is 1
浏览 0提问于2017-08-12得票数 0
2回答
我正在为搜索字段中的所有内容使用柔性盒，我试图在调整页面大小时给搜索栏一个最小的宽度和一个最大的宽度，但在我的一生中，我不能让它响应--它总是默认为最小宽度或最大宽度--并且不管窗口有多窄都保持不变。我尝试过在容器和输入字段子字段之间使用width、min-width和max-width的每一个组合，例如：
浏览 4提问于2021-06-07得票数 1
回答已采纳
我有一个HTML结构，如：.container { height: 300px;}
width: 100%; max-width: 55px; min-width: 1px;
display: flex<
浏览 1提问于2020-02-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
