1回答
防止子元素填满可用空间flexbox
html、css、mobile、flexbox、responsive
由于某些原因，即使我指定了flex-basis，它也会继续填充空间。我不确定我这样做是否正确，我正在寻求指导。 我正在尝试使用媒体查询来显示600px之后的两个巧克力盒子，同时保持响应。由于某些原因，即使我指定了flex-basis，它也会继续填充空间。我不确定我这样做是否正确，我正在寻求指导。
浏览 29提问于2021-10-12得票数 0
1回答
flexbox项目扩展到全高
html、height、flexbox
我为有2个子元素的行设置了一个flexbox父元素。我希望每个孩子都能填到100%的高度。无论我怎么尝试，孩子都会扩展到完全相同的高度，这就是内容最高的孩子/div。我怎么才能告诉孩子们填满所有可用的高度呢？(或者这是不可能的)
我的目标是让左子元素中的文本出现在项目的顶部，让右子元素中的文本出现在项目的底部。但当两个项目都不高时，效果就不起作用了。
浏览 1提问于2015-04-27得票数 0
1回答
使用百分比值填充flexbox项
css、html、google-chrome、flexbox
我在一个div元素中有n个子元素，它们应该以相同的比例共享整个空间。由于新引入的flex-boxes，这是没有问题的。但我还必须将每个内部div的高度设置为0。如果我想将这个div中的一个元素拉伸到100%的高度，它会使用给定值0而不是任何计算值。因为我选择了flex-boxes以防止使用javascript，所以我更喜欢保持这种方式。有没有其他方法可以让图片的高度填满div？下面是代码(仅在Google Chrome中测试)：<div class="
浏览 2提问于2011-12-26得票数 9
回答已采纳
1回答
使用或不使用flexbox填充可用空间
javascript、jquery、css、flexbox
在我的<main>元素中，我有.dataCard，每个div都有类div。每个.dataCard都有相同的最小尺寸，但当我开始向.dataCard添加内容时，我注意到布局行为怪异。<main>元素被分成两列，每列都包含一个.dataCard。我这样做是因为我需要.dataCard的顺序是左列，然后是右列，然后是左列，依此类推。但是，当我在.dataCard中填满内容时，它们会将其他所有的卡都压在下面。
如何用.dataCard填充可用空间，以便包含它们的<main><e
浏览 2提问于2013-07-14得票数 1
1回答
获取flexbox中的项目以填充已调整大小的元素的可用空间
css、reactjs、flexbox
我有下面的缩略图网格(指向其他页面的链接)，我正在使用flexbox显示它们。正如你在左边看到的，由于其中一个图像没有相同的纵横比，所以它不适合正确。我希望它填满整个可用的空间(本质上是缩放，这样它就可以填充它并“裁剪”溢出空间)。容器css是这样的flex-direction: row;并且每个元素都有我可以添加什么css来获得我想要的行为如果相关，我实际上是在React
浏览 3提问于2021-07-11得票数 0
4回答
Flexbox和vh高度单位在IE11中是否不兼容？
html、css、flexbox、internet-explorer-11、viewport-units
我正在尝试使用基于flexbox的布局来为我的页面添加粘性页脚。这在Chrome和火狐浏览器中效果很好，但在IE11中，页脚就在我的主要内容之后。换句话说，主要内容不会被拉伸以填满所有可用空间。 border: red 1px solid; display: -ms-flexbox;</body>当在IE中使
浏览 0提问于2014-08-07得票数 31
1回答
在V-Card中使用V-flex无法按预期工作
vue.js、flexbox、vuetify.js、nuxt.js
因此，我一直试图在vuetify中创建一个具有特定布局的V-Card。卡的顶部将在大小上变化，因此我需要能够将卡的底部对齐到底部。 所以我试着在这里做下面的代码，它应该允许第一部分“增长”以填充高度，然后第二部分“收缩”并停留在底部… 然而，没有成功..我可能只是做错了什么，但我正在拔掉我的头发... 下面是我的代码： <v-card shaped color="white" height="100%" width="100%"> <v-layout column>
浏览 22提问于2020-04-22得票数 0
回答已采纳
1回答
flexbox列子列的高度为100%
css、google-chrome、height、percentage、flexbox
我遇到了一个flexbox列的问题，因为flex d元素的子元素不会以百分比形式响应height。我只在Chrome中检查过这个，据我所知这只是一个Chrome的问题。下面是我的例子：<div class='flexbox'> <div class='flex-child'></div>
</div>&
浏览 0提问于2014-01-07得票数 91
回答已采纳
1回答
环绕杂志版面中的元素
css、flexbox
我想创建一个杂志类型的布局与右上角的图像和左侧的元素(文本，框，图像)。挑战是图像下面的元素应该占据整个宽度。我试过了 float: right 虽然这会将其他元素包裹在图像周围，但它不允许这些元素填满可用宽度。 我也尝试过flexbox，但似乎找不到如何在这种情况下正确使用它。 示例： ?
浏览 17提问于2019-04-11得票数 1
回答已采纳
4回答
css :防止div宽度扩展到可用宽度
html、css、css-float、css-position
如何防止div扩展？我希望div的元素不会占用100%的可用空间，并且具有它的子元素所具有的宽度。我需要这个让父div水平居中。诀窍是子元素应该共享float:left或diplay: inline-block和流体宽度，所以可以有几行子元素。
我不能将每一行都包装在它自己的div中，因为它会破坏响应式设计。
浏览 0提问于2013-08-09得票数 18
4回答
使链接具有100%的宽度
css
其中有一个带有链接元素(<li><a ..></a><li>)的列表(<ul>)
如何使用CSS使链接在文本之外和框的100%宽度内可点击。使框中的每一行都可单击:D
浏览 1提问于2011-02-01得票数 60
回答已采纳
1回答
如何使子div填充父div保持父div在CSS中的填充？
css、height
想知道如何使子div“响应性地”跟随父div的高度。高度: 100%覆盖填充物。怎样才能让孩子填满“可用”空间？
浏览 0提问于2021-01-31得票数 0
1回答
如何在flexbox容器具有指定高度时滚动嵌套的flexbox子项
css、flexbox、overflow
我正在尝试创建嵌套的Flexbox子div (child211)，以便在没有可用的空间时显示滚动。Flexbox容器具有预定义的高度。child211的Flexbox父child2有overflow: hidden。我不想滚动整个child2。
浏览 5提问于2019-04-02得票数 0
1回答
在Flexbox中，右边没有溢出滚动项的空间。
html、css、flexbox
我有一个场景，其中Flexbox中的子元素应该是nowrap，如果子项超过了允许的最大空间，则水平滚动。正如您在上面的链接中所看到的，右侧的空间被消除了。提前感谢！
浏览 0提问于2018-12-12得票数 0
回答已采纳
3回答
如何使n个<li>数与<ul>宽度相匹配？
html、css
我正在尝试所有li的宽度与我的ul宽度相匹配，这是我的代码：ul { display: table;}
display: table-cell; text-align: center;但没起作用。我的javascript函数工作，我不知道为什么在jsfiddle它不工作。我怎样才能解决这个问题？
浏览 7提问于2014-06-26得票数 0
回答已采纳
2回答
Flexbox行为违背了它的哲学。
html、css、flexbox
我想让Flexbox使用所有可用的空间，但很明显，在2下面有空的空间，也有足够的空间供元素3使用。当我查看Flexbox的原理时，我可以看到布局中没有使用，而是可用的空间。我在css中做错什么了还是Flexbox坏了？padding: 0; list-style: none;
display: -moz-box;
display:
浏览 5提问于2014-10-21得票数 2
回答已采纳
2回答
Flexbox div不占整个宽度
html、css、flexbox
.flexbox {}
border: 1px solid black;} <div>One</div> <div>Three</div>
浏览 1提问于2018-02-23得票数 3
回答已采纳
云服务器
ICP备案
对象存储
实时音视频
云点播
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号