DIVs在缩小页面时从其位置移动
是因为CSS中的布局机制导致的。当页面缩小时，浏览器会根据CSS中的布局规则重新计算元素的位置和大小。
在默认情况下，DIV元素的布局方式是流动布局（Flow Layout），即元素会按照其在HTML文档中的出现顺序从上到下依次排列。当页面缩小时，如果DIV元素的宽度超过了可视区域的宽度，浏览器会自动将其移动到下一行显示，以适应可视区域的大小。
如果希望DIV元素在缩小页面时保持固定位置，可以使用CSS中的定位属性来实现。常用的定位属性有相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。通过设置这些定位属性，可以将DIV元素相对于其父元素或文档的特定位置进行定位，从而在缩小页面时保持固定位置。
除了定位属性，还可以使用CSS中的媒体查询（Media Queries）来根据不同的屏幕尺寸应用不同的样式。通过媒体查询，可以根据屏幕宽度等条件来设置DIV元素的位置和大小，以适应不同的设备和屏幕尺寸。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iot
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
1回答
DIVs在缩小页面时从其位置移动
、、、、
所以基本上我的问题是，当我放大缩小页面时，一些DIVs会从它们的位置移出，这会导致我的布局中断。我使用了位置、相对和绝对属性，并使用%代替px作为我的定位单位。我看过一些文章，说使用位置绝对是不好的，这是一种预期的行为，但我似乎找不到我的问题的答案。我也尝试过使用CSS Flexbox来解决这个问题，但是我找不到一个直接的答案。我期望的布局应该类似于https://snipboard.io/Mr8sNv.jpg，但正如我之
浏览 8提问于2020-09-05得票数 0
回答已采纳
3回答
我已经为我正在处理的页面创建了几个可移动的“小部件”(带有文本、图像内容的DIVs)。
用户当前可以在页面上拖动DIVs，在页面卸载时将新位置保存在数据库中。在page_load上，我可以为每个可移动的DIV检索最近保存的Top和Left CSS值，并且我想将每个DIV设置到它在页面上各自保存的位置。(因此，当用户登录时，<em
浏览 0提问于2013-01-09得票数 0
回答已采纳
2回答
我试着用jQuery动画为导航构建一个页面。我现在看到的是页面上的四个瓷砖。我能够增加前两个瓷砖的高度和宽度，这样它就占据了整个父分区。但我不能做同样的最后两个DIVs。我尝试了很多东西，但问题是，我可以使用浮动左和浮动右的前两个DIVs，但我不能做同样的后两个DIVs。我不知道下两部电影要用什么。我想要的是一种动画，如图中所示，这样Child3和Child4就可以从他们的位置展开，通过从他们的位置展开来占据父DIV的全部高度和宽度。
浏览 6提问于2014-10-09得票数 2
回答已采纳
1回答
我已经构建了一个web应用程序，它可以使用CSS @media查询缩小到一个移动友好版本。当一个按钮被点击，我想要它显示和可见的一个隐藏，这是我目前已经做了。但是我想让这个过程充满活力，我希望在移动设备上能够顺利地工作。
但是我不知道jquerymobile是如何做到这一点的，这是非常完美的。我需要做什么才能让面板(div)从</em
浏览 1提问于2013-02-17得票数 2
回答已采纳
然而，我使用同一台笔记本电脑制作了整个页面，所以当我在不同的电脑上查看它时，整个布局是不同的。当我放大或缩小一个页面时，它会改变我的div的位置，所以如果缩放不完美，我的网页就会看起来滑稽可笑。0 5px 5px #888;text-align:center;right:253;我真的不明白为什么它们在缩放时会移动
浏览 1提问于2013-12-05得票数 0
3回答
我有一行4 divs，向左浮动。单击时，div消失，其兄弟姐妹移动到左侧并占据其位置。然而，我正在努力平滑这个动画，因为剩下的‘div’只是跳到他们的新位置，而不是滑过去。
浏览 5提问于2013-10-09得票数 3
回答已采纳
3回答
我应该如何规划我的活动？
、、、、
当用户触摸其中一个按钮时，该按钮将变为动画。最初我是使用AbsoluteLayout编写的，但是，由于这种布局已被弃用，我想使用不同的布局，但我不确定要使用哪种布局。
浏览 0提问于2011-09-17得票数 0
回答已采纳
2回答
冻结动画/禁止播放悬停回调动画
、、、、
在动画中，当#hitbox悬停在div上时，div将向外移动，而当鼠标离开#hitbox时，div将移回其原始位置。我希望在单击#hitbox之后，div保持向外的位置，而不是移回原来的位置。function() {
// **some animation functions moving divsfun
浏览 0提问于2012-12-20得票数 2
回答已采纳
2回答
但只要我开始在浏览器上放大或缩小(ctrl+ +，ctrl + -)，页眉和页脚中的内容就开始移动。任何帮助都将不胜感激。
浏览 0提问于2012-12-23得票数 1
回答已采纳
1回答
我有两组(jQuery手机)按钮在页面的左边和右边。当我从左边收缩窗口时，左手的一组按钮会像预期的那样移动，在它和窗口边框之间留出一些空间。但是当我从右边收缩时，窗口就会与那一边的一组按钮重叠。无论我是从右还是向左缩小屏幕，我都希望两组按钮保持其百分比水平位置。(WhenI从底部收缩，两组按钮都保留窗口顶部边框的空间)。
浏览 2提问于2013-08-23得票数 0
回答已采纳
1回答
});
for (let i=0; i<div.length; i++) divs// move upwards this.parentNode.insertBefore(dragged, this.nextSibling); });在一个容器中，这些div元素中的几个在彼此下面。1)，我希望包含button的d
浏览 1提问于2019-07-31得票数 0
2回答
我们有一个CSS表-由CSS & DIVS制作。在屏幕的中间，我们有一个4-5行的信息表。表的第一行是每列上的一个链接，用于排序。它只有几行数据(当我们获得更多数据时，我们将在稍后添加“页面”)表的内容本身是相同的宽度-表的大小不变。但
浏览 10提问于2016-08-10得票数 2
回答已采纳
我用position: sticky; top: 0试了一下，它只适用于顶部的div，一旦第二个div移动了，带有粘性位置的div也移动了。下面是sudo代码。parent div ----> Div 1st| |
The 1
浏览 0提问于2020-09-08得票数 0
4回答
我有一个响应头，我正在为一个网站工作，当你向下滚动时，它会变成一个固定位置的导航栏。它大致占据了页面的上四分之一。
页面的内容是一系列divs /卡片，当您向下滚动时，这些卡片会向上滑动。我想向导航栏添加与divs的div相对应的<a href>链接。但是，当我这样做时，div内容会移动到页面的顶部。因此，当我导航到/localhost#first_card时，我会得
浏览 0提问于2013-12-17得票数 3
3回答
我的页面上有一个div (让我们称之为div )，它是position:fixed，这很好。但是，在这个div中，我还有其他几个div(让我们称之为div-1、2和3)，在访问者使用滚动条时，我想移动它们。 position: fixed; top: 1em;}
.full-width类只是告诉div运行其容器的全部宽度
浏览 6提问于2014-08-29得票数 1
回答已采纳
由于数据库托管在AWS上，因此为了节省成本，我们试图缩小数据文件以释放空间。为了容纳数据，我们已经有两个2TB的驱动器，几乎都已经满了，我的经理不想在那里创建另一个驱动器并放置新的文件。但是，当我们试图一次缩小2GB时，这需要很长时间(在sp_who2中运行的)，我们有时也会看到阻塞。在谷歌搜索之后，我在下面看到了PaulS.Randal的博客文章，他还说LOB数据会使收缩速度变慢。当涉及到云时，其他人在这样的场景中做什么，他们想通过减少存储大小来节省一些成本？
我的
浏览 0提问于2020-01-16得票数 3
回答已采纳
1回答
[mapview setCenterCoordinate:mapview.userLocation.coordinate animated:YES];
我还有一个固定坐标的大头针..我想要的是当用户位置的按钮被按下时，我希望视图从引脚缩小，然后移动并放大回用户位置。我当前的代码只是移动到当前位置。如何从pin缩小，然后移动，最后放大？提前谢谢你..
浏览 2提问于2012-08-18得票数 0
我有几个使用position: absolute格式化的图像的DIV，这样它们就不会干扰其他元素(文本)在DIV中的定位。当一个大小为728x90的IFRAME在文档中的DIVs之上动态创建时，Firefox、MSIE8、Opera11.*甚至K-Meleon1.5.4都会将DIVs以及包含的图像向下移动90像素。只有Safari (5.0.4)才会向下移动DIVs，但不会向下移动卡在插入IFRAME之前的位置上的图
浏览 0提问于2011-05-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
