当浏览器窗口调整大小时，在居中元素和绝对/固定元素之间平滑移动
当浏览器窗口调整大小时，在居中元素和绝对/固定元素之间平滑移动，可以通过使用CSS的transition属性和transform属性来实现。
首先，需要将要平滑移动的元素设置为绝对或固定定位，并使用top、left、right、bottom属性将其定位在屏幕中心或其他位置。
然后，通过使用transition属性，设置元素的过渡效果，使其在大小调整时平滑移动。可以设置过渡的属性为transform，以及过渡的时间和过渡函数。
最后，通过使用transform属性，设置元素的平移、缩放、旋转等变换效果，以实现平滑移动的效果。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
.container:hover {
transform: translate(-50%, -50%) scale(1.1);
}
</style>
</head>
<body>
<div class="container">
<h1>居中元素</h1>
<p>这是一个示例文本。</p>
</div>
</body>
</html>在上述示例中，.container类设置了绝对定位，并使用top: 50%; left: 50%; transform: translate(-50%, -50%);将元素居中定位。同时，设置了transition: transform 0.3s ease;，表示在0.3秒内以缓动的方式过渡transform属性的变化。
当鼠标悬停在元素上时，.container:hover类将应用新的transform属性，通过scale(1.1)将元素放大1.1倍，实现平滑移动的效果。
这种平滑移动的效果可以应用于各种场景，例如在响应式网页设计中，当浏览器窗口调整大小时，元素可以平滑地移动到新的位置，以适应不同的屏幕尺寸。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：腾讯云提供的云服务器，可满足各种规模的业务需求。
- 腾讯云CDN：腾讯云提供的内容分发网络服务，可加速网站访问速度，提供更好的用户体验。
- 腾讯云云函数：腾讯云提供的无服务器计算服务，可实现按需运行代码，无需管理服务器。
- 腾讯云云数据库 MySQL 版：腾讯云提供的高性能、可扩展的云数据库服务，适用于各种应用场景。
- 腾讯云云服务器负载均衡：腾讯云提供的负载均衡服务，可将流量分发到多个云服务器上，提高系统的可用性和性能。
- 腾讯云云安全中心：腾讯云提供的安全管理和威胁检测服务，可帮助用户保护云上资源的安全。
- 腾讯云云直播：腾讯云提供的音视频直播服务，可实现高并发、低延迟的实时音视频传输。
- 腾讯云云点播：腾讯云提供的音视频点播服务，可实现音视频文件的存储、管理和播放。
- 腾讯云人工智能：腾讯云提供的人工智能服务，包括图像识别、语音识别、自然语言处理等功能。
- 腾讯云物联网：腾讯云提供的物联网平台，可实现设备接入、数据管理和应用开发等功能。
- 腾讯云移动开发：腾讯云提供的移动应用开发服务，包括移动应用测试、推送服务等功能。
- 腾讯云对象存储：腾讯云提供的可扩展的对象存储服务，适用于存储和管理各种类型的数据。
- 腾讯云区块链：腾讯云提供的区块链服务，可实现去中心化的数据存储和交易。
- 腾讯云元宇宙：腾讯云提供的元宇宙服务，可实现虚拟现实和增强现实的应用开发和体验。
相关·内容
3回答
我有一个背景图片，在CSS中的大小是封面，所以它的大小随着浏览器窗口的大小而调整。但是，当我放置图像时，我如何根据背景将它们放置在特定的位置？我试过使用left:...px和top:...px，我知道为什么不起作用，因为当我调整窗口大小时，它会停留在远离左侧和顶部的位置，但解决方案是什么？我希望图像根据窗口/背景的大小按比例调整大小，并留在背景上的某个位置
浏览 1提问于2013-04-17得票数 0
回答已采纳
我刚刚开始做我的第一个网站。我想要做的是在一张图片上放一张图表。我有一个平铺的背景图像，然后我有另一个背景的大图像。我想要一张图表放在大图的上面。在我的CSS面板中，我已经将图表的位置设置到我想要的位置(在图像的顶部)，但是当我将位置更改为“绝对”时，图表就消失了。我想它可能在我另一张照片的后面？当我将位置更改为“相对”时，它会移动到我想要的位置，但我当然不希望它是相对的(与窗口一起移动)，我希望它在窗口更改时处于相同的位置。
我希望有一个我不知道的快速解决方案。
浏览 2提问于2011-08-12得票数 0
回答已采纳
2回答
这是我两周前的网站。
我遇到的问题是，在调整浏览器窗口大小时，右侧的轴按钮和导航栏与其他元素分开移动，我正在尝试解决这个问题。我要么希望它们都被修复，要么希望它们在调整浏览器大小时一起移动。
我一直在网上找，还是想不通。如果我尝试将它们都放在一个块中，那么所有的东西都会被抛出，并且我的按钮不能再点击。
任何帮助都将不胜感激。谢谢。
浏览 1提问于2014-08-07得票数 0
我有一个幻灯片显示，用户通过在幻灯片容器上水平滑动鼠标光标来更改要查看的幻灯片。
因为子(幻灯片)是绝对定位的，所以我需要动态更新父级(幻灯片显示容器)的高度。否则
因为我不知道每个幻灯片的高度，所以我需要计算最高的div，并把它给家长。
下面的代码可以得到下面的最高元素：
function getTallestSegment(element) {
let elementsHeight = [];
let height = 0;
element.forEach(child => {
elementsHeight.push(ch
浏览 2提问于2019-02-28得票数 1
回答已采纳
1回答
我正在使用一个由我自己制作的容器，但是，当我调整浏览器窗口的大小时，容器沿着窗口移动，我希望它是静态的。
这是CSS：
.container {
margin-right: auto;
margin-left: auto;
width: 1000px; /* yes, because style of PSD file. need follow design */
}
浏览 1提问于2013-11-05得票数 0
回答已采纳
1回答
与内容相关的背景图像位置
、、、
我以为这是个常见的问题，但我在任何地方都没找到.
以浏览器窗口为中心的固定宽度布局。在它的背后，一个也是中心的背景。
背景不应导致水平滚动条。内容框应该。
我不能将背景设置为body元素，因为这意味着背景相对于浏览器保持居中(因此，当浏览器窗口太小，无法包含整个内容框时，相对于内容“移动”)。
如果我不把它设置为身体，任何能够“包含”整个图像的东西，也会导致滚动条.难到不是么？
javascript真的是我唯一的希望吗？
编辑：
好像我解释得不够好。
，这就是我想要的，
(突出显示的区域表示浏览器窗口)
1-
注意，没有滚动条。
二-
在浏览器上有一个内容的滚动条。
，
浏览 3提问于2011-11-19得票数 1
回答已采纳
3回答
我正在建立一个由4个div构建的单页面站点，一个在另一个之上，每个都有自己的固定背景图像。图像比屏幕要宽得多，因为我想让网站在很大的屏幕尺寸范围内保持外观，但是有人知道如何真正将背景图像居中吗？因此，在一个小的监视器中，他们会看到图像的中心，而在一个大的监视器中，他们会看到图像的相同位置，只是周围有更多的图像。就像这个网站一样
调整窗口大小时，背景图像会相应地移动。
非常感谢。
浏览 0提问于2012-12-12得票数 3
回答已采纳
2回答
我有一个头文件div，它是绝对的，所以我想把它设为静态的，但如果我这样做了，里面的内容就会开始改变窗口大小的位置。在调整窗口大小时，我能做什么来获得一个不移动内容的静态标题？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Client </title>
<style type="text/css">
.heading
浏览 2提问于2013-02-15得票数 0
回答已采纳
2回答
我有一个div有固定的位置和底部0显示在窗口底部。
我的问题是当窗口调整大小时，这个div移动到向上并进入其他元素。例如，当我在chrome中打开控制台框时，这个div跳转到facebook修复位置上的其他元素，例如朋友列表，当我打开控制台框时，元素跳转到向上，但隐藏向上元素。
请帮助我如何修改窗口大小的div。
浏览 8提问于2014-09-07得票数 0
回答已采纳
2回答
我有一个带有position:fixed的div头，里面有标识、菜单和搜索选项。徽标位于左侧，菜单位于中间，搜索位于右侧，徽标和菜单有相对位置，搜索有position:absolute.。
现在，问题来了。当我调整浏览器窗口的大小时，搜索div保持在与浏览器窗口右上角的固定距离上，然后当我调整它的大小时，它会与菜单项div重叠并向下推。
我不知道是什么问题，但我想有以下几点:我希望我的标题在顶部，但当我调整窗口的大小时，我不希望搜索和菜单移动，我只是希望他们不移动，如果窗口的大小调整，他们不应该被看到。
那么，做这件事最好的方法是什么？保持标题div固定，并定位其他div绝对的，相对的，或第三
浏览 1提问于2013-09-23得票数 2
回答已采纳
4回答
如何在调整窗口大小时保持窗口对象(按钮、标签等)居中？
目前，我在Windows窗体中有3个按钮。当我最大化窗口时，按钮停留在窗口的左上角。我希望它们位于窗口未最大化时的中心位置。
有什么帮助吗？
浏览 4提问于2012-10-19得票数 13
我有一个100 vhx100vw的固定容器，其中包含6个绝对定位的div，即100 vhx100vw。
我使用一个虚拟元素，该元素定位为相对w/ 6 div，为100 to，以触发每个场景。
当我调整窗口的大小时，场景的动画在时间上向前和向后移动。有什么办法可以防止这种情况发生吗？
浏览 0提问于2015-06-25得票数 1
回答已采纳
4回答
我想要一个网页，内容居中，并指定最小宽度，以便它在智能手机的小屏幕上调整大小，但在PC上看起来仍然很好。
如果我将div的宽度设置为1024px，并设置自动边距，那么当浏览器窗口的宽度超过1024px时，div将保持居中。
但很明显，如果用户在小屏幕上查看站点，则需要横向滚动。
因此，我尝试将宽度更改为"min- width :480px“，但div在大浏览器窗口中不会居中。
我已经做了大量的谷歌搜索，博客/论坛的帖子声称，你所要做的就是设置最小宽度和自动边距。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&g
浏览 5提问于2012-01-12得票数 2
回答已采纳
我不确定这里的正确解决方案是什么。我已经使用了搜索功能和谷歌，但我仍然需要一些建议。
我在window.load上设置了几个div动画。例如：
var showreel = $('#plbg');
showreel.delay(1500).animate({
right: $(window).width()/2 - showreel.outerWidth()/2}, 500, 'swing');
因此，这会使div动画到屏幕的中心。现在，当我调整窗口大小时，它不会动态居中。
我又写了几行，就像这样：
$(window).resize(
浏览 4提问于2012-07-17得票数 0
回答已采纳
因此，我有以下简单的布局，其中我有一个居中的div中的主要内容，它可以扩展依赖于内容和帮助文本的两列在两边。然而，当缩放或调整窗口大小时，左边的窗口消失，不能滚动，而右边的窗口可以滚动到窗口中。
我会猜到问题是绝对定位的一部分，但这并不能解释为什么当我放大时，正确的位置仍然是可见的。
最终，我想要一个中心的div，根据内容展开，并且在它的任何一侧都有一个div，最好没有固定的(最大)宽度。
<body style="text-align: center">
<div style="display: inline-block; position:
浏览 3提问于2015-07-28得票数 0
回答已采纳
2回答
当您调整浏览器窗口的垂直和水平大小时，您会注意到，边缘周围的文本/元素移动得更近或更远，始终与浏览器窗口的四面八方保持均匀距离。这是如何实现的？
它是用纯css完成的，还是涉及到Javascript或jQuery？
浏览 0提问于2018-04-12得票数 2
回答已采纳
5回答
我想创建一个完美的居中/响应式div。
我该怎么做呢？通常，要移动对象，我会将它们浮动或使用position: absolute;，但我希望相对于浏览器窗口执行此操作，而不是一般地四处移动对象。
浏览 0提问于2013-10-24得票数 1
1回答
我花了几个小时做以下事情，但没有工作。
1.当您调整窗口的大小时，div框中的小图标(volklensset_90x90.jpg)也应该与容器一起移动。目前，如果您调整浏览器的大小，它将停留在主div之外。似乎这个图标是固定的。
2.小图标(volklensset_90x90.jpg)没有调整大小，尽管max-width是100%。
3.当您调整browser.For的大小时，我想调整文本的大小--我使用的是来自的jquery插件，但对我来说没有用。
<div class="container">
<div class="home_box
浏览 0提问于2013-12-19得票数 0
回答已采纳
正如标题所说，我正在使用twitter Bootstrap CSS脚手架系统来设置使用fluid网格系统的列。我希望这些列在调整浏览器大小时保持固定的宽度(我在这些列中有一些东西在浏览器缩小时变得“平滑”在一起)。我该怎么做呢？下面是我使用的基本代码：
<div class="container-fluid">
<div class="row-fluid">
<div class="span2">
</div>
<div class=&#
浏览 0提问于2013-06-08得票数 1
回答已采纳
3回答
我希望我的网站在窗口较大时扩展，并相应地居中，但当窗口缩小时，我希望网站折叠，直到某个点，之后折叠停止。
有没有办法设置响应式网站的最小宽度？
浏览 2提问于2012-10-03得票数 1
基本上，我有一个固定的边栏(固定宽度)和一个内容div (最大宽度)。
我希望content居中，侧边栏位于这个内容div的左侧。
问题是，在小屏幕上或在缩小窗口大小时，content必须收缩，而不是按侧边栏。
我尝试了很多解决方案(浮动块与假边距块，显示:内联块和空白:现在)，但没有成功。
下面是实际页面：，它适应屏幕的大小，但是窗口左边有所有的内容。
这里有一个修改过的页面：，它显示了我试图做的事情，但只在大分辨率上显示得很好。
谢谢你的帮助。
浏览 2提问于2014-05-15得票数 1
回答已采纳
4回答
不知道该如何命名问题。我有一个这样的html结构：
<div id="nav"></div>
<div id="wrapper">
<div id="content">
</div>
</div>
使用像这样的css：
#nav {
width: 200px;
height: 50px;
margin: 0 0 0 -100px;
position: fixed;
left: 50%;
backgroun
浏览 0提问于2012-03-23得票数 6
5回答
我正在使用和插件开发我的第一个单页面水平网站。该网站有3个屏幕，并开始居中(显示中间屏幕)。要做到这一点，对我来说，合理的方法是让<body>拥有width:300%;，每个屏幕都有width:33.3333%;。当您单击某个<a>时，jQuery会将您转到另一个屏幕，向左或向右。
这很有效，但是当我尝试调整我的窗口大小时，我失去了所有的结构，宽度失去了意义。我想知道我能做些什么来解决这个问题，但更重要的是，我想知道为什么会发生这种情况。
这是。调整您的窗口大小，您将看到哪里出了问题。谢谢!
浏览 0提问于2012-07-27得票数 1
回答已采纳
我知道这是一个相当简单的z指数问题，因为我已经研究了两天，每天几个小时，但似乎仍然无法弄清这一点。
每次你放大任何产品图片在我的网站，缩放窗口下的选项下拉菜单。我已经尝试改变z指数的下拉以及缩放窗口，没有任何运气。如果有人能看一看，指出正确的方向，那就太好了。这里有一个链接
另外:在我的主页上，滑块滑动指示器似乎与实际滑块偏离了中心位置，而我所做的任何事情都不会移动它！它已经固定好了.如果有人对此也有任何想法，那就太好了！
谢谢你的帮助！
浏览 4提问于2014-09-08得票数 0
回答已采纳
1回答
我使用下面的代码使一个固定的div (“两”)只在两个绝对定位的div(“一”和“页脚”)之间滚动时保持固定。
但是我有一个问题，当浏览器窗口变得更小或更大时，页脚之间的距离和固定的div (“2”)变得不固定的增加或减少，这样固定的div在页脚到达它之前或者在页脚通过它之后变得不固定。
我怎么才能解决这个问题？有人能帮忙吗？
。
更新(2016年7月21日)：
现在发生的事情似乎是：
因为div“左侧”的宽度设置为百分比，所以当浏览器窗口被拖小时，div“左侧”会变高以适应其内容。这使得div“2”挂在div“fo脚”上方，因为div“2”的最低可能垂直位置是在页面加载时设置的。
我需要维护
浏览 0提问于2016-07-20得票数 0
关于绝对定位元素居中的文章有很多，但它们都是针对固定尺寸和固定窗口的。
但是，我希望居中的position:absolute元素的尺寸是可变的(mxn-width)，这取决于浏览器的大小。我希望我的元素保持水平居中，而不管窗口的大小，甚至当用户更改窗口大小时也是如此。
这在没有JS的情况下有可能实现吗？
浏览 1提问于2011-12-29得票数 0
有没有人知道有什么jQuery脚本会让div居中，当窗口调整大小时，它也会保持居中？我正在建立一个灯箱插件，我需要它留在中间。我试着使用CSS，但它不起作用。
此外，我需要它留在中间时，另一个盒子被打开，有更大的宽度和高度。这是包含示例的页面：
首先打开图像，然后打开div，您就会明白我的意思。div没有居中。但是，当您关闭并重新打开该div时，它会居中，因为单击WowBox链接时会发生.center()。我只需要它始终居中，而不是像那样搞得一团糟。
下面是我目前用来居中的代码：
jQuery.fn.center = function () {
this.css("pos
浏览 2提问于2011-07-22得票数 2
回答已采纳
1回答
我在div的右角有2个<label>，它位于浏览器的中心，宽/高为200px/200px。当我更改浏览器大小时，我的标签在浏览器的右侧消失。当浏览器大小发生变化时，如何使标签移到右侧？我试着去做：
.my_label{
position:absolute;
right: 20px;
}
但是right属性是来自浏览器窗口，而不是来自div。
我需要标签只移动时，它消失了与浏览器。
谢谢。
浏览 0提问于2013-05-09得票数 0
我把所有的东西都集中在网站上，当我调整窗口的大小时，div比窗口大，div被粘在屏幕的左边，但我希望div始终是中心的。如果你不明白我的意思，你可以浏览网站。我说的'div‘主要指的是在页脚上方的蓝色’笔画‘。
我在Google Chrome上看到这个
浏览 2提问于2011-09-16得票数 0
回答已采纳
我有个取笑的问题。我有一个div绝对定位到一个点。但是当我调整窗口的大小时，它会被移到其他地方，而不是指向我以前设置它的地方。我如何解决这个问题？
这是我的HTML
<div style="position:relative;">
<div id="intro_message">
content
</div>
</div>
和"intro_message“div的CSS
#intro_message
{
position: absolute;
left: 322px;
top: 0;
浏览 2提问于2014-04-12得票数 0
我最近在调整窗口大小时将div放在相同的位置时遇到了问题。在本例中，它是.add div。我遇到的问题是它位于页面的视图区域之上，我无法滚动到页面的这一部分，所以当我调整大小时甚至看不到它。
下面是代码。
这就是我尝试处理的部分
<div class = "add" align = "center">
<!--Everything inbetween -->
</div>
理想情况下，我尽量让条目(在最左上角)保持在左上角，而不管它的大小如何调整。我已经尝试过打乱媒体的查询，但都没有用。事实证明，对于不同大小的浏览器，它的效率
浏览 0提问于2015-02-08得票数 0
我正在为一个客户构建一个网站，当我将窗口屏幕移动到不同大小时，我正在努力处理一些移动位置的图像。我想让这些照片保持原样。
这是密码。**指正在移动的图片
HTML
<div id="header">
**<div id="pics">
<img id ="jaytext" src="newImages/jaycousins.png">**
<img id="papa" src="newImag
浏览 3提问于2015-02-06得票数 0
回答已采纳
3回答
我有一个主要的div (宽度: 960px)，它在浏览器窗口中居中显示“main : 0px auto”。有时我想显示一个广告(160x600，页边距左侧可能是10px)附加到主div的右侧，但主div应该始终保持在浏览器的中心。
我该怎么做呢？
浏览 0提问于2013-07-16得票数 0
2回答
所以，我有这个带有CSS样式的图片：
.city1 {
position: absolute;
/* float: left; */
top: 34px;
left: 170px;
}
<a href="malmo/">
<img class="city1" src="images/city.png" alt="Malmö">
</a>
问题是，当我使用position: absolute;并调整浏览器大小时，它会改变位置。
你现在可能会说，这是因为它是一个绝对位置，
浏览 0提问于2010-08-10得票数 5
回答已采纳
3回答
我有一个标题，应该保持至少与下面的div一样宽或更宽。一切看起来都很好，因为窗口比内容大，但当窗口变小时，顶部的div也会变小。
#top{
border:1px solid black;
height:200px;
width:100%;
}
#content{
margin:auto;
width:1000px;
height:600px;
border:1px solid red;
}
<body>
<div id="top"></div>
<div id="c
浏览 0提问于2014-04-26得票数 0
1回答
在像的移动版本这样的站点上，文本大小是响应的，但是active font-size保持不变的值，比如34 at。
当我更改窗口的大小时，站点文本的大小与屏幕大小保持成比例。当屏幕为500 vs时，出现在第二行的单词仍然在第二行，即使屏幕宽度大不相同(200 Pxvs2000px)。从最后一个字母到右边屏幕边缘的相对距离在所有屏幕大小上都是相同的。
因为font-size是以像素为单位的，所以我希望单词的位置取决于屏幕大小，但在gofundme.com上似乎并非如此。
这是怎么做到的？
浏览 0提问于2016-01-25得票数 0
回答已采纳
1回答
我已经通过GLX在Linux中编写了一个OpenGL应用程序。它使用双缓冲与glXSwapBuffers和同步通过NVIDIA服务器设置设置VBlank。我使用的是Compiz，并且有平滑的窗口移动和没有撕裂(同步到VBlank在Compiz设置中启用)。但当我
尝试移动或调整OpenGL窗口或
通过OpenGL窗口占用的区域移动其他窗口
系统会结冰3到4秒。将其他窗口移到OpenGL窗口所占用的区域外，与以往一样是平滑的。此外，只有当OpenGL应用程序处于生成动画帧的循环中时才会出现问题，因此需要交换缓冲区。如果内容是静态的，并且应用程序没有交换缓冲区--没有问题，那么移动
浏览 2提问于2013-01-02得票数 2
我是一个图形紧张的布局，所以为了保持文件的大小，我将版面限制在1600像素固定的宽度。
在1600像素中，重要内容在中心1230内。
我试图找到一种方法，在浏览器中对布局进行居中，同时保持内容可滚动。
当浏览器窗口小于1600 is时，此解决方案不会居中。
#page{margin: 0 auto;}
当浏览器的宽度变小时，此解决方案使内容的左侧无法到达。
#page{position: absolute; width: 1600px; top: 0; left: 50%; margin-left: -800px; }
谢谢你的帮助。
浏览 0提问于2014-02-18得票数 1
回答已采纳
我不知道如何嵌套我的sizers，这样我就会得到以下行为。
当用户调整窗口大小时，我希望所有小部件的配置都保持不变，但让中心列容纳所有内容保持居中。
浏览 0提问于2013-01-11得票数 3
回答已采纳
2回答
我使用了position:absolute;，这样当你点击顶部的"Send this page to your email“选项卡时，面板就会向下移动，并遍历下面的内容，而不是向下推。但是，使用绝对位置意味着选项卡将在放大时向左移动，或在缩小时向右移动。当你放大或缩小时，它看起来不太对劲。我想让标签“向内”，当你缩小，而不是它“滑动”。有没有可能防止标签“滑动”，并将其与滑出的面板对齐？
这是我的页面和选项卡：
浏览 0提问于2011-06-11得票数 0
回答已采纳
我有一个Div (与绝对位置和没有固定的宽度)在一个模态弹出窗口内，并希望它居中的屏幕，而不是弹出模式，但似乎无法实现这一点。我的猜测是模式弹出窗口有一个固定的位置，所以它使子Div相对于它而不是屏幕。
有谁知道这样做的方法吗？提前谢谢你！
浏览 5提问于2011-11-22得票数 0
1回答
定位和调整浏览器窗口的大小
、、、、
负责任的定位对我来说是最令人困惑的事情。我举一个简单的例子来描述我搞不懂的东西。我有个div。我使宽度和高度的百分比，并将其定位在页面绝对，前25%，并留下5%。所有这些看起来都很好，但是当我调整页面的大小时，它会移动到25%和5%的气味屏幕分辨率，我不能让它停留在那里。我有一个最小的宽度和高度，这样实际的div不会调整大小，就在页面上的位置。当我调整浏览器窗口的大小时，我如何在网页上定位一些东西以使其响应，却不会移动到整个地方。对不起，如果我不太擅长解释这一点，我只是从来没有真正明白如何正确定位。
例子：
#example_div {
width: 10%;
height: 10
浏览 1提问于2015-12-14得票数 0
2回答
使用Wordpress主题，并且需要在调整浏览器窗口大小时将蓝色模糊背景留在滑块中。我已经实现了这个目标，但我注意到，当你缩小浏览器的范围时，所有的东西都不会居中，因为左边有一个很大的空间。解决这个问题的最好方法是什么？
浏览 0提问于2013-02-01得票数 0
回答已采纳
我有一个白色页面，其中只有一个500x250的文本框和一个图像。页面是流畅的。
我试图将文本框居中放置在页面的中心，同时将图片固定在屏幕的左下角。我使用以下css部分实现了这一点：
.bottom-right { /* used to fix the image to the bottom of the screen */
bottom: 0;
right: 0;
position: fixed;
}
#content {
margin-left: auto;
margin-right: auto;
margin-top: 50%;
w
浏览 0提问于2012-06-17得票数 2
回答已采纳
2回答
我正在尝试弄清楚，当浏览器调整大小时，需要对圣杯布局的css做些什么来阻止项目移动。
这是我的css文件，我不能把它复制粘贴到这个盒子里，所以我用puush上传了它
任何帮助都是非常需要和感激的。
浏览 2提问于2014-07-16得票数 0
2回答
保持div以视图为中心
、、、、
我在容器中有一个表单，当用户调整窗口大小时，我需要对窗体进行调整才能移动到容器的中心，而当他转到全屏时，它应该返回到原来的位置。
问题是表单开始对齐容器的右边边缘。请看下面的截图。如您所见，我需要一个平滑的表单转换，以便它在调整视图大小时沿着y移动。
如何使用javascript或css完成此解决方案？
<div id = "slider">
<div class = "container">
<div id = "form" class="col-sm-3 col-sm-
浏览 5提问于2015-09-26得票数 3
回答已采纳
当我们给一个元素一个具有垂直和水平偏移(例如底部和左侧)的位置属性绝对时，它是相对于位置属性为相对的最近父元素定位的。
如果没有父元素具有相对属性，则相对于浏览器窗口定位绝对定位的元素。固定定位的定义与它所说的完全相同，“固定定位是一种绝对定位，其中元素相对于浏览器窗口进行定位。”
我的主要问题是，为什么当页面向下滚动时，绝对定位的元素会向上移动，而当它们都相对于浏览器窗口放置时，固定定位的元素不会向上移动。
浏览 2提问于2018-06-18得票数 0
2回答
我正试着在我的窗口中添加一个Datagrid和其他一些东西(TextBox，Dropbox)。
我的问题是，当我调整窗口大小时，我无法控制项目。
我想要做的是像下面的图片一样划分窗口，并希望他们适合窗口时，我调整窗口大小。
你有什么建议。
浏览 0提问于2011-12-13得票数 0
回答已采纳
我有一个div的网格(我们称之为“#entry”)。我现在有一个网格，一旦有人点击任何一个div，它就会使所有其他的div淡出。然而，选择的(点击的)div会突然移动到部分div的左上角。在所有其他的淡出之后，我如何才能让它“平滑”过渡到屏幕的那个部分?我将提供以下我目前使用的代码。
$(document).ready(function() {
$("div#entry").click(function()
{
$(this)
.siblings("div#entry")
浏览 0提问于2010-12-21得票数 3
回答已采纳
2回答
我已经用尽我的所有手段来解决这个问题。我张开双手跪下！
您可以在这里查看页面草稿：
如果您想了解页面的工作原理，只需在Firefox中查看它(浏览器窗口小于992并向下滚动即可。边面板开始附加，然后“修复”成为静态的，而其余的内容移动。这是正确的行为
主要问题。
这个问题出现在Chrome上。当菜单列和细节列'fix‘(稍微向下滚动)所有的数字地狱都散开了。
次要问题。
当视图窗口约为1200 up时，菜单列和主内容面板之间的空间将加倍。这并不像第一个问题(我试图用额头摧毁我公寓的挡土墙)那么大--但它让我相对沮丧，因为我相信一定有一个更优雅的解决方案，迫使它
浏览 2提问于2013-11-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
