当父元素宽度减小时移动内部元素
当父元素宽度减小时，移动内部元素可以通过以下几种方式实现：
- 响应式布局：使用CSS媒体查询和弹性布局等技术，根据不同的屏幕宽度调整内部元素的布局和样式。可以使用CSS框架如Bootstrap来快速实现响应式布局。
- 自适应布局：通过设置内部元素的宽度为百分比或使用CSS Grid等技术，使得内部元素能够根据父元素的宽度自动调整大小和位置。
- 隐藏部分元素：当父元素宽度减小时，可以通过设置内部元素的display属性为none来隐藏一部分元素，以保证页面布局的整洁和可用性。
- 滚动条：当父元素宽度减小到无法容纳所有内部元素时，可以在父元素上添加水平滚动条，使用户能够通过滚动查看所有内容。可以使用CSS属性overflow-x: scroll来实现水平滚动条。
- 折行显示：当父元素宽度减小到无法容纳所有内部元素时，可以通过设置内部元素的white-space属性为nowrap，使得内容自动折行显示，以适应较小的宽度。
以上是一些常见的处理方式，具体选择哪种方式取决于具体的需求和设计。腾讯云提供了丰富的云计算产品和解决方案，可以根据具体的业务需求选择适合的产品。
相关·内容
1回答
很难在主题中解释，但基本上我有两个div，为了避免任何重叠，当我单击按钮时，我不移动元素，而是改变它们的父容器的宽度。 令人惊讶的是，屏幕右边的那个运行良好，给我们的印象是内部元素从屏幕上消失了。即使，只是为了测试，将内部元素更改为绝对定位。 换句话说，当我单击Run时，我希望左侧的文本在短时间后被推出屏幕，因为父对象的宽度正在减小。
浏览 9提问于2019-01-26得票数 1
回答已采纳
4回答
想象一下一个响应式菜单，其中的元素被设置为浮动。它们的宽度都是150px。当菜单的宽度减小时，单个元素将一个接一个地向下移动到下一行。
您正在尝试确定某个元素是否已被降低。我的想法是以这样的方式设计东西，这样我就可以知道浮动元素的顶部！= 0。如果不是，它就会被转移到下一行。我还可以评估元素的高度，以确定元素是否在第2行、第3行等。有没有一种更简单的方法来确定浮动元素是否由于<em
浏览 0提问于2014-12-05得票数 4
我有一个带有一些子元素的父元素。子元素有min-width集，但父元素没有。当浏览器窗口比min-width小时，子元素的宽度是正确的，但父元素变得越来越小，从而导致子元素溢出。
浏览 3提问于2012-10-24得票数 1
回答已采纳
1回答
目前我有一个父元素(100%宽度)和几个子元素。所有这些子元素都需要保持在一行中，所以当父元素溢出时，它就可以水平滚动了。现在，当父元素的宽度变得太小时，子元素会一直移动到多行中。
浏览 12提问于2021-10-30得票数 1
回答已采纳
1回答
REM作为大众响应css站点
、、、、
我正在做这样的事情：，但是当你调整浏览器的大小时，当你的右站点在左下角而不是一行时，有人能帮我解决这个问题吗？在Sass函数中，它的函数得到了，第一个arg "$size“得到了它的项目大小，这里我得到了1200 we，第二个arg它的"$target”它的元素大小--例如在1200px中我们得到了400 we的元素包装；
<div class="left--green"></div>
浏览 4提问于2014-11-25得票数 0
回答已采纳
父div的宽度固定为大约1000像素，子div设置为display:inline-block；当您使浏览器窗口小于父div时，会出现一个滚动条，您可以滚动查看其余部分。widget { width:100px; background-color:red;
相同的父元素和子元素，但父元素的宽度由放置在其中的d
浏览 0提问于2012-11-15得票数 5
回答已采纳
在timeline_circle类中，我将其移动为left:50;和transform: translateX(-50%);，以timeline_circle为中心。我想不出这是为什么。
浏览 18提问于2022-08-21得票数 -1
回答已采纳
4回答
TLDR版本：
解释：当用户单击一个按钮时，我想折叠父线性布局(动画宽度直到它是0)。这是正确的工作，并且父视图正在调整大小，直到达到0，然后我将他的可见性设置为“消失”。当父视图正在调整大小(折叠)时，子视图也与其子视图一起调整大小。我的意思是，当父元素的宽度</e
浏览 4提问于2014-05-25得票数 9
回答已采纳
我需要根据元素的高度来调整元素的宽度，并认为我已经使用透明img技巧找到了一个非常聪明的解决方案：
粉红色的div以1:2的比例正确渲染；然而，它应该在视口调整大小时调整大小(因为它的高度是100vh元素的100% )，但它没有。如果调整视口的大小，img元素会在视口高度增加时增加宽度，但container元素的宽度不会增加以容纳它，这违反了display: inline-block的含义规则(如果在Chrome控制台中选中和取消选
浏览 0提问于2015-10-27得票数 0
一个是宽度为1200 px的外部容器，其内部div行的每个内部div的大小为280 px。我的问题是，当我使用DOM创建元素时，CountriesInnerDiv元素的大小取决于它们内部的大小。
浏览 1提问于2016-08-08得票数 2
回答已采纳
HTML很简单:一个‘容器’可滚动元素，它有一个‘父’子元素，而其子元素又有'bar‘和'content’子元素。“content”元素的宽度是动态的，但在本例中设置为“容器的宽度+100 is”。，红色条形图的宽度受到“父”元素宽度的限制，该元素的宽度似乎被设置为“可见”宽度，即没有被“容器”元素<
浏览 4提问于2014-11-28得票数 0
回答已采纳
我有一个容器div，它有两个元素。在调整大小时，一个内部div移动到另一个内部。
但是这里的要求是，当一个div移动到另一个div下时，调整大小，第一个div应该占用父级的整个宽度。
浏览 6提问于2013-09-28得票数 2
回答已采纳
2回答
<svg>元素的宽度似乎是根据父元素的大小来设置的，但忽略了边距：为什么会这样呢？当涉及到调整大小时，我如何使<svg>与任何其他block元素一样行为？
小提琴：
浏览 1提问于2013-09-23得票数 3
回答已采纳
我有这样一个元素：
<img src="" alt=""/><a>元素的高度是使用相对于身体高度的百分比来设置的。内部的图像应该始终具有<a>元素高度的100%。height: 20%; text-align: center;
a > im
浏览 11提问于2013-10-29得票数 0
我在另一个元素中有一个元素，我希望这个内部元素比父元素宽一些，比如40 to。因此，如果父服务器的宽度为500 it，则如下所示：但是如果父母是600 be宽，我希望孩子宽640 be。不将外部元素绑定到任何特定的宽度，我希望内部元素总是比外部元素宽40 be。是否只有CSS才能做到这一点？
浏览 4提问于2015-03-17得票数 0
回答已采纳
2回答
两边有两个元素，中间有一个文本元素。中间的文本需要左对齐(浮动)到第一个元素。如果宽度不能容纳所有元素，## This is sample text!. ## (其中##是侧元素)。 <div c
浏览 1提问于2018-09-23得票数 1
回答已采纳
我观察到的是，当我在240 on宽显示器上查看输出时，navbar的元素垂直叠加。如何阻止navbar元素垂直堆叠，并在显示宽度减小时保持其水平对齐。但如果将select元素添加到"navbar品牌“旁边，则"navbar品牌”、“select元素”和“切换条按钮”垂直堆叠。另外，当显示大小增加到不同大小时(我正在使用Firefox的工具来测试这一点)，即当显示宽度为768 am或更小时<
浏览 1提问于2016-07-01得票数 0
回答已采纳
大多数使用都知道，固定元素从未相对于其父元素，而是相对于端口大小，因此将其宽度或高度设置为100%将使其不相对于父元素，而相对于端口大小。red;width: inherit;<div id = 'wrap1'></div>-当以像素为单位声明固定元素</em
浏览 2提问于2016-02-12得票数 2
回答已采纳
1回答
什么是限制元素的宽度？
、、、
我创建了一个带有一些jQuery的水平CSS/HTML菜单，如果父元素不够宽，不足以将所有内容放在一行中，则可以将元素移动到下拉列表中。当元素移动到#dropdown中时，生成的<ul>似乎有其宽度限制，我不明白它在做什么？
浏览 2提问于2014-07-08得票数 1
回答已采纳
2回答
我在移动Cordova上遇到了问题，它有一个非常简单的函数，它首先为一个元素设置一个宽度/高度，然后在元素内的跨度上工作(大文本插件--尽管与这个插件无关)。span元素的工作是完成的，但不正确，因为父元素没有一个具有/高度的集合。
这种情况只发生在mobile上。我甚至尝试了以下的功能，但不是所有的时间(在移动)。}, 50)
浏览 0提问于2014-12-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
