1回答
问题出在响应能力上。当我调整浏览器窗口的大小时，右边的div隐藏在右边(屏幕外)，而中间的div保持居中(正如我所希望的那样，对于任何大小的窗口)。当中间的div与左侧的div发生冲突，并且从中心向右推时，就会出现这个问题。有没有办法让左边的div像右边的那样(隐藏在屏幕外的左边--我认为这是不可能的)？我试着用overflow: hidden把左边的div隐藏在中间的div后面，但是看起来不太好。关于如何让我的设计更具响应<
浏览 39提问于2021-10-26得票数 1
我希望当我调整浏览器大小时，我的flexbox中的内容可以改变大小(即文字和图像按比例缩小)。 <div id="text"> </div>
<img src="images/img.png" alt=&q
浏览 0提问于2016-02-09得票数 2
1回答
我在一个网站的响应式设计中使用flexbox对html中的一些元素进行了重新排序，它工作得很好，但这些元素无法正确调整大小。在断点，我对home-promos分区应用了一个flex类，并对元素进行了重新排序。这可以正常工作。* <
浏览 0提问于2016-06-14得票数 23
回答已采纳
4回答
我使用bootstrap列来显示扩展卡。然而，当一个扩展时，它会将整个行压到它下面。未展开：
目前它的行为方式扩展了：
我希望它是如何运行的：
我一直在读有关flexbox的文章，但我找不到任何好的例子来说明期望的行为，同时保持响应式设计。目前，代码大致是这样的： <div class="col-xl-4 col-lg-5 col-12">
浏览 0提问于2020-06-03得票数 0
所以我在使用flexbox中的Bootstrap响应式嵌入类时遇到了一个问题。当堆叠东西时，这些类工作得很好，但是如果我使用flexbox并排放置两个div(一个包含视频，另一个是文本信息面板)，视频会移动到半宽(这是正确的)，但高度仍然是全高，就像它是全宽一样。我似乎没有改变什么，就是让高度与由flexbox的宽度变化控制的比率保持一致。 这是响应式嵌入中的一个bug吗？<div id=&q
浏览 25提问于2019-01-22得票数 1
我需要创建像这样的东西 <div class="col"><div> <div class="col"> 1 </d
浏览 2提问于2016-08-25得票数 3
回答已采纳
1回答
我正在尝试使用Slick和flexbox构建一个全屏的、响应式的3幻灯片旋转木马。每张幻灯片如下所示： <div class="carousel-yellow flexbox-column flexbox-space-between">
<div class="title-co
浏览 11提问于2017-08-25得票数 0
回答已采纳
例如，在卡片设计中，使用相邻选择器可以很好地获取元素之间的边距。但是，在使用flexbox制作响应式元素时，如何保持相同的设计呢？这似乎只删除了第一个元素的页边距，而不是每行第一个元素的页边距。height: 250px; background-color: blue; margin-left: 10px;<divclass="container"
浏览 14提问于2017-02-26得票数 1
我有一个简单的方框网格，我想与Flexbox响应空间。 <div class="thumb"></div> <div class="thumb"&g
浏览 0提问于2015-08-25得票数 6
3回答
我正在尝试在我的代码中实现以下设计。我想让整个页面响应式的，并在必要时设置断点。所以，我想，使用CSS flexbox实现这个功能会很好。我是一个使用flexbox的新手，所以任何帮助都将不胜感激。因此，在我的"section-two__main“div中，我有项的编号和名称。我想要像表格一样显示这些项目(如下图所示)。我可以使用css的顺序属性，但当缩小页面时，我又失去了直接的响应性。如何实现设计
浏览 46提问于2020-10-09得票数 0
4回答
假设我们有一个响应式设计，有3列(所有3列都是动态内容，所以我们不知道它们的高度)
对于tablet (左列向右移动)我们实现这一目标的最好方法是什么？(我不介意使用flexbox或其他现代css规范)
浏览 1提问于2015-12-15得票数 0
我浏览了Angular 2的KendoUI组件存储库，现在我想知道布局组件，如带菜单的导航栏、flexbox (或类似的东西)和其他类型的容器是否会在最终版本中出现。或者如何实现响应式设计，尽管有几个动作组件(按钮，多选，...)。
也许，我仍然需要使用常规的bootstrap，比如设计我的web应用程序。
浏览 1提问于2016-12-23得票数 0
1回答
特色区块内容的多图像组合
、、、、
我正在尝试为下面的XD布局创建可靠的标记和样式我为整个项目添加了bootstrap，但我不知道如何为这个布局编写标记和样式，并记住响应性！ <div class="container-fluid px-10-percent"> <div class="left
浏览 1提问于2020-02-14得票数 0
1回答
我现在的设置基本上是 <div class="red"><table></table></div></div>
divs是具有自动
浏览 0提问于2016-03-12得票数 0
1回答
响应式Web设计-元素之间的差距
、、、、
我正在尝试使用box-sizing: border-box;创建一个响应式的web，我知道大多数，如果不是所有的话，他们的语义标签都放在左边。现在我知道你可以用flexbox重新排列所有的元素，但我对flexbox还不够有信心。<a href="#">Test2</a></li>
<li><a href="#">Test3</a><&#
浏览 21提问于2020-11-04得票数 0
第2列:包含Product-Price -格式为货币符号、数字值、空格，然后是货币代码(例如USD)
我需要一个响应式的设计，包装拳头，但不是第二列。我需要一个非FlexBox的解决方案-因为我们仍然需要支持IE10，但如果有人有一个FlexBox解决方案-那将是很好的未来。注意-我在stackoverfow中搜索了一个解决方案，唯一完整的是2014年的，它仍然使用表格的方法。对于非flexbox，这仍然是正确的吗？class="title">
浏览 0提问于2019-07-31得票数 0
我有动态内容和响应式布局，因此项目的数量和可用宽度将有所不同。有时div中的元素需要换行到第二个“行”上。 <div class="elem"></div>
<div class="elem">&
浏览 0提问于2015-03-18得票数 29
我有div，其中包含了iframe的flexbox元素(使用CSS进行响应)。.container {} max-width: 854px; display:justify-content: center; align-items: center;
ba
浏览 4提问于2018-05-11得票数 2
1回答
移动设备的响应式水平菜单
、、、
我在想，这可能是一个糟糕的问题，或者我想得太多了，但我做了一个响应式的水平菜单，没有移动设备的折叠条。这真的是一个糟糕的设计想法吗？我使用的是flexbox，它对我测试的大多数设备都有响应。
浏览 11提问于2020-09-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
