如何根据div相对于另一个div的位置更新div
根据div相对于另一个div的位置更新div，可以通过以下步骤实现：
- 获取div元素的位置：使用JavaScript的
getBoundingClientRect()方法可以获取div元素相对于视口的位置。该方法返回一个DOMRect对象，包含了div元素的top、right、bottom、left等属性，表示div元素的边界位置。 - 获取参考div元素的位置：同样使用
getBoundingClientRect()方法获取参考div元素的位置。 - 计算div相对于参考div的偏移量：通过对div元素和参考div元素位置属性进行计算，可以得到div相对于参考div的偏移量。可以使用以下公式计算：
- 计算div相对于参考div的偏移量：通过对div元素和参考div元素位置属性进行计算，可以得到div相对于参考div的偏移量。可以使用以下公式计算：
- 更新div元素的位置：可以通过修改div元素的CSS属性，来更新div元素的位置。例如，可以使用
style.left和style.top属性来更新div元素的left和top值，使其相对于参考div的位置发生偏移。
根据以上步骤，以下是一个示例代码，展示如何根据div相对于另一个div的位置更新div：
<!DOCTYPE html>
<html>
<head>
<style>
#div1 {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
}
#div2 {
width: 200px;
height: 200px;
background-color: blue;
position: absolute;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<script>
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
function updateDivPosition() {
var div1Rect = div1.getBoundingClientRect();
var div2Rect = div2.getBoundingClientRect();
var offsetX = div1Rect.left - div2Rect.left;
var offsetY = div1Rect.top - div2Rect.top;
div1.style.left = offsetX + "px";
div1.style.top = offsetY + "px";
}
// 页面加载完成后调用更新div位置的函数
window.onload = updateDivPosition;
</script>
</body>
</html>在这个示例中，div1是需要更新位置的div元素，div2是参考div元素。通过计算div1相对于div2的偏移量，然后将偏移量应用到div1的left和top属性上，实现了根据div相对于另一个div的位置更新div的效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
相关·内容
3回答
我有一些代码的问题。我正在尝试让一个div在幻灯片显示中及时移动。每次显示新幻灯片时，div都会移动。这就是我想出来的
setInterval(function() {
$( ".bar" ).animate({ "left": "+=13.5em" }, "slow" );
}, 3000);
这很好用，div跟上了滑块。但它永远不会停止。我一直在试着想出代码来让它工作，但我似乎做不到。
一旦div到达某个点，我希望它回到起点，然后一遍又一遍地重复它的动画，就像图像滑块一样。
我是否可以在另一行代码中设置另一个计时器，以告知
浏览 3提问于2014-04-18得票数 0
1回答
我知道，张贴到网站的链接被认为是不好的，我们应该解释这个问题，但实际上我不知道问题是什么。我以前从未经历过这样的事情。
页面：
滚动到底部，找到谷歌地图，在div #wpgmza_map中有一个覆盖div创建一个蓝色的地图，然后另一个div (..details.container内的框)应该位于地图的顶部和覆盖层上。
目前覆盖正在工作，但细节框正在做一些奇怪的事情，背景在谷歌地图下，但内容在顶部(仍然在覆盖之下)。
据我所知，我的z指数是正确的，但它不是在打球。知道为什么吗？或者我该怎么修复它？
浏览 1提问于2015-11-01得票数 0
回答已采纳
3回答
我有一个容器div，它有相对定位，然后里面的另一个div也有相对定位： <div class="first">
<div class="second">
<img src="img.jpg" />
</div>
</div> 我想与绝对定位的图像是相对的“第二”的div而不是“第一”。但我需要它们都有相对位置，我如何指定使图像相对于“第二个”div？
浏览 3提问于2011-04-04得票数 2
4回答
有这样的代码：
<div style="position:relative">
<div id="t1" style="position:relative; top:100; left:100;"></div>
<div id="t2" style="position:relative; top:200; left:200;"></div>
</div>
<script>
$(function () {
$
浏览 0提问于2010-12-22得票数 1
回答已采纳
1回答
我必须将一个蓝色的“锁定”图像固定到容器的外部，如下所示：
到目前为止，我已经做到了以下几点：
我将此图像设置为容器的背景图像，我编写的容器的CSS为：
.container{
margin: 0 auto;
max-width: 620px;
background-color: $white;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
object-fit: contain;
margin-top: 30px;
padding: 40px;
min-height: 100px;
object-fit: contain;
ove
浏览 7提问于2017-08-18得票数 0
4回答
我目前正在用javascript编写一个简单的游戏。游戏在一个名为# div的游戏中进行。而敌人是一个叫做“敌人”的div。
<div id="box">
<div id="prepend">
<div id="hero"></div>
</div>
<div id="enemy"></div>
浏览 3提问于2013-04-16得票数 1
回答已采纳
1回答
我使用transform: translateZ(0);作为移动补丁(我需要经常渲染一个div )。但是transform创建了另一个上下文，现在我的fixed div的高度依赖于父高度，而不是视区高度，因为没有transform。
我需要transform，但我也需要一个正常的fixed行为。我该怎么办？
浏览 1提问于2016-11-02得票数 1
ATM机我有一个可拖动的div。我将光标位置设置为div中的一个位置。
//some code
$('#example').draggable({ cursorAt: {
top: 15,
left: 200
}
});
// some more code
在首先“触摸”div的任何位置，如何将cursorAt设置为该位置。
浏览 2提问于2016-01-28得票数 0
回答已采纳
在课堂上，我们学到了如果我有两个div :一个包装器div (让我们称之为div A)，它被定义为position: relative;；另一个div，div B，它位于带有position: absolute;的div A中。
现在，div B的位置依赖于div A的位置。这意味着现在div B的点0,0不是浏览器的点0,0，而是div A的点0，0。所以，如果我将div A向右移动20个像素，div B向右移动30个像素，那么div B将在浏览器的点0，0的右侧50个像素；
现在，我的问题是:如果我有3个div怎么办。Div A是position: relative;，在它的div B中是
浏览 4提问于2013-09-21得票数 9
我有一个滚动的小预览图像的div，用户应该能够悬停和看到一个完整的图像。我通过在更大的图像上使用position: absolute;实现了这一点。
这对于预览的第一行很好，但是当我向下滚动查看第二行时，整个大小的图像会进一步向下显示--预览在我滚动到它们之前就已经出现了。
但是，如果我将父文件设置为position: relative;，则只能在滚动div中看到图像--因此用户一次只能看到每个图像的一个部分，并且必须滚动才能看到整个图像。
HTML：
<div class="container">
<div class="preview
浏览 0提问于2016-07-13得票数 1
回答已采纳
6回答
我的页面顶部有一个菜单，然后是一个使用div类的a标记，如下所示：
<div class="a">
Hello!
</div>
a是一个具有position: absolute;风格的通用类。
我想禁用这个绝对；因为div内容没有完全显示。因此，我决定使用另一个类来覆盖位置设置。
<div class="a overridden-a">
我应该在另一种风格的position:中为.overridden-a{ position: ???? !important }设置什么？
更新：我不想编辑a类样式，它在项目中是常见的和
浏览 4提问于2016-06-15得票数 5
回答已采纳
5回答
有没有办法绝对定位一个div相对于它的同级？例如:在一个div中，还有另外两个div- div1和div2。相对于div1，我想对div2进行绝对定位。
浏览 2提问于2012-05-17得票数 61
回答已采纳
是否有一种方法或解决方法可以“动态”引用ResourceDictionary字典，例如作为StaticReference或动态路径引用，因此在这种情况下：
<UserControl>
<UserControl.Resources>
<ResourceDictionary Source="../../Styles/Style.xaml" />
</UserControl.Resources>
</UserControl>
当我将此用户控件移动到解决方案中的另一个文件夹时，我将不需要更新样
浏览 1提问于2014-10-12得票数 1
我有两个div，一个在另一个之上。第二个on绝对位于它的下方(相对div中的绝对div)。
我想将第二个div移到另一个div的顶部，这样它就会出现在中间。
这样做的过程是将DIV2的style.top设置为与DIV1相同，这在理论上应该将其置于它之上。然而，到目前为止，尝试都失败了。
绝对定位是正确的，因为输入值可以正确地移动它，但我认为我使用了错误的方式来获取DIV1的高度/顶值。
想法？
我试过这个：
divLoading.style.top = divContent.style.top；
但它会停留在原来的位置。
编辑:问题不在于绝对/相对如何工作，而在于使用哪个javascript值
浏览 0提问于2009-10-08得票数 0
回答已采纳
我基本上有两个div元素。第一个是滚动容器，第二个是放置在容器中的元素。我想找到相对于滚动容器的y位置。我把它都包装成了一个例子代码，题为如何找到布鲁先生？
<div style="height:100px; border:solid 1px black; overflow-y:scroll;">
Please scroll down...
<br/>
<div style="height:400px;">
</div>
<br/>
<div id=
浏览 1提问于2011-03-16得票数 18
回答已采纳
2回答
我有标题，它以一个角度显示，并且有这样的类。
<head>
<style type="text/css">
.example2 {
display:inline-block;
position:relative;
}
.example {
position:absolute;
color:#24c245;
align:right;
bottom:50%;
right:50%;
margin:0 auto;
-ms-transform:rotate(-20deg); /* IE 9
浏览 0提问于2014-03-30得票数 1
回答已采纳
我已经找过了，但没有找到任何帮助我的东西.我创建了一个javascript函数来打开一个窗口，当我点击一个picture...But时，我的屏幕上有很多图片，当我向下滚动并点击图片时，窗口不会打开我在窗口中的位置，而是在页面的乞讨中打开。
function CreateWindow()
{
vWidth = '300';
vHeight = '300';
var Title = '';
var div = document.body;
div.innerHTML = div.
浏览 5提问于2015-12-02得票数 1
回答已采纳
我正在尝试创建一个元素的显示。
元素需要有一个图像和一个覆盖(包含文本)。悬停上的覆盖需要在悬停上有一个滑动的过渡。我已经做到了这一点。
但问题是叠加div超出了图像div。而它应该出现在它的内部。
我用的是靴带。
蓝色的分区不应该超出图像的左和右边界，并且在不盘旋时也应该是可见的，只有50 be。在徘徊时，其余的内容应该是可见的。
这是我的HTML代码：
<div class="container">
<div class="row">
<div class="col-md-6">
浏览 0提问于2017-04-18得票数 0
回答已采纳
1回答
我似乎发现了SWF文件的问题，这些文件嵌入在页面顶部的固定文件中。当一个swf文件被嵌入时，它不会粘在页面的顶部-下面是一个示例代码：
<div id="headerOuter" style="z-index: 10001; position: relative; visibility: visible; top: 0px; left: 0px; width: 100%; height: 80px; overflow: hidden; background-color: rgb(0, 0, 0); "><div id="twrap
浏览 5提问于2012-07-11得票数 0
1回答
滚动内容中特定的固定div
、、、、
我想在这里施点魔法。
我有一个主舱，宽度和高度都很有限。这有一个卷轴。在里面，我需要另一个物体，比如一个酒吧，但是这个必须被修复。和内容，必须向下滚动和离开。
设想一个表，头固定，但我不能使用表，我必须使用LI元素，否则。
CSS
.c {clear: both;}
.thelimitedscrollediv {width:400px; height: 200px; overflow: scroll;}
.fixedlargebar {position:fixed; background:#ccc; width:900px; height: 20px}
<div class=
浏览 5提问于2014-01-31得票数 0
我正在尝试跟踪动画元素的位置，有两个按钮；一个用于向上移动元素，另一个用于向下移动，每个按钮都应该在moving..here是代码后打印新的位置：
<html>
<head>
<style>
div {
position:absolute;
background-color:#abc;
left:50px;
top :50px;
width:90px;
height:90px;
margin:5p
浏览 1提问于2012-04-24得票数 0
回答已采纳
我正在创建一个网站热图。我知道如何获得点击的xy坐标，但在居中div的页面上，点击的xy坐标会根据用户浏览器窗口的宽度而有所不同。
如何记录一致的xy，以便以后可以显示单击的位置，而不考虑窗口大小？
我可以使用jQuery的offset()根据一些居中的父元素来获得xy。但我会把这个热图放在多个网站上。因此，鉴于每个站点的标记都是唯一的，我如何确定应该使用哪个顶级“包装器”元素来计算偏移量？
有没有什么我忽略的更简单的方法？
浏览 24提问于2012-02-22得票数 0
1回答
我正在尝试使用ccTouchesMoved拖动一行精灵。我的意思是，有一排精灵(他们是彩色方块)排列在一起，如果我抓住一个触摸，其余的跟随它。如果一个精灵移出屏幕，我想把它附加到其他精灵的队形中。然而，如果精灵的形成速度过快，它与附加的精灵之间就会产生一个微小的差距。如何限制使用ccTouchesMoved拖动雪碧的速度？这是我唯一能想到的解决问题的办法。如果有人有另一个建议来防止这种雪崩的发生，我会很感激的。
在ccTouchesBegan i循环中通过精灵，标记被触摸的那个(用于游戏的另一部分)，并节省触点和其他所有精灵之间的距离。
touch = (CCTouch*)(touches-&
浏览 0提问于2013-11-02得票数 1
1回答
下面是我的节目。在这里，我想交换选定的div。当右键单击div时，第一个div将被选中，当左键单击另一个div时，两个div将相互交换。第一次所有div都将正确工作，下一次当我们选择相同的div交换时，它将不能正常工作。请帮我解决这个问题..。
提前谢谢..。
var asd = '';
$(document).ready(function () {
$('.cell').mousedown(function (event) {
switch (event.which) {
case 1:
浏览 2提问于2014-01-30得票数 2
回答已采纳
1回答
我尝试将div 100%放在页面内容的顶部。当内容有一定的余量时，问题就来了。我在这里用一个简化的案例来说明。
如果我理解，定位是固定的：“元素是相对于浏览器窗口定位的”。那么，为什么div .trans会受到背后的影响呢？如何把div 100%透明的放在页面和内容上面？
这里是一个查看问题并尝试解决方案的好地方：
CSS：
body { margin:0; }
.trans{
position:fixed;
width:100%; height:100%;
margin:0;
opacity:0.7; filter: alpha(opacity = 70);
浏览 1提问于2014-04-22得票数 0
我正在尝试找到容器内图像相对于容器和彼此的正确位置，以便提供冲突检测并做一些其他有用的事情。现在，不要想象有像这样的HTML：
<div id="imagesContainer">
<div id="image1" ><img src="image1.png" /></div>
<div id="image2" ><img src="image2.png" /></div>
<div id="i
浏览 4提问于2011-02-16得票数 0
回答已采纳
1回答
我在React中有一个工具提示组件，它包装了一个按钮组件。 如何相对于按钮位置定位工具提示？ <div class="tooltip">
<div class="button"></div>
</div> Here是一个你可以使用的代码沙盒。
浏览 16提问于2020-07-18得票数 1
2回答
如何继承子对象的宽度。
、、、、
我有3个标签:第一个是主div，第二个是figure，里面有一个figcaption，如下所示：
<div class="main-div">
<figure>
<figcation>
</figcaption>
</figure>
</div>
我将主div指定为整个文档宽度的80%。然后，我将figure设置为它的父100%，因此它完全围绕主div。
在那之后，我给了figcation一个absolute的位置，我希望它有一个和figure一样的主div宽度的100%，因为它的宽
浏览 4提问于2017-02-14得票数 0
回答已采纳
1回答
jQuery水平滚动的问题
、、、、
这是我的css
<style type="text/css" media="screen">
body {
margin: 0;
}
#wrap1{
width:600px;
margin:0 auto;
overflow:hidden;
-moz-box-shadow: 0 0 2px 2px #ccc;
浏览 0提问于2013-09-14得票数 0
2回答
这很简单，但我没有搞清楚，所以请帮帮我。
我有一个小div标签width:50px; height:50px;位于另一个div标记width:600px; height:50px;中小div标记有一个left:-50px;，因为我希望它挂在更大的div标记的一侧(作为标记)，这很好，但是较大的div标记仍然有一个50‘s的剩余空间，小div标记在left:-50px;之前。
对如何摆脱那个空间有什么想法吗？因为我要在更大的div标签上有个标题。
浏览 7提问于2014-01-03得票数 0
回答已采纳
2回答
如果我有一个名为Div1的嵌套HTML元素(位于另一个div内的div &位于主体内的另一个div )，如何从body元素透视图中获得div 1的x，y位置----这称为元素的窗口/屏幕位置？
希望这是合理的:)
浏览 6提问于2011-03-23得票数 0
2回答
我对CSS中的绝对位置和相对位置感到困惑。
<div id="container" style="position:"relative">
<button style="position:"absolute"; left:10px;" >
</div>
在上面的例子中，当我将位置设置为绝对位置，并将左侧设置为10px to button时，意味着它不会从浏览器窗口获取位置。相反，它从父div (容器)获取位置，因为容器位置是相对的。为什么？
当我将绝对位置设置为任何元素时，它
浏览 1提问于2013-06-20得票数 1
1回答
我试图在另一个父div中显示一个map div。
更具体地说，我希望<div id='map'></div>只出现在div id="mapbox"中。我遇到的问题是地图显示在包含div的id="mapbox"之外。页面上的其他地方一定有一些CSS导致地图显示不正确。
<div class="g12" id="mapbox" style="display:none">
<h1 style="padding-left:7px; paddi
浏览 2提问于2013-06-01得票数 0
回答已采纳
2回答
我想创建一个滑块，所以下面是代码：
div#list_container {
position: relative;
width: 100%;
}
div#first_list {
position: absolute;
left: 0px;
top: 0px;
}
div#second_list {
position: absolute;
left: 70%;
top: 0px;
}
<div id="list_container">
<div id="first_list&
浏览 41提问于2020-08-03得票数 0
回答已采纳
2回答
我有一页很长的卷轴。我只想在另一个区域修复一个div。
<div class="box" >
<div class="inbox1">
menu
</div>
<div class="inbox2">
text
</div>
<div style="clear:both"></div>
</div>
(另请参阅此)
因此，当我滚动一个页面时，绿色框应该总是在视图中，但只在红色框内。当红色盒子向上滚动时
浏览 2提问于2016-08-10得票数 2
回答已采纳
2回答
我有一个定位徽标和标题div的问题。徽标工作正常，但标题div并不能准确定位我想要的位置。它的位置变得与logo相关，而不是与标题内容div相关。
提前感谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
浏览 0提问于2013-01-10得票数 3
回答已采纳
我想将一个div放在另一个div的顶部，但绝对是这样的：
<div id='parent'>
<div id='under' z-index='1' width='100' height='100'></div>
<div id='over' z-index='2' width='100' height='100'></div>
</div>
我知道我需要这两个d
浏览 0提问于2010-06-29得票数 0
回答已采纳
我有一个可以用键盘箭头在所有方向上移动的div。
我正在尝试这样做，当可移动的div‘遍历’页面并到达某个点时，另一个带有文本的div就会出现。
我如何让它在字符到达页面上的某个点时，显示一个div对话框？
if($('#'+character).position().top > -500) {
if(character == 'character1') {
$('#page2 .dialogue').fadeIn(4000);
}
}
浏览 5提问于2014-05-03得票数 0
3回答
我想在另一个div中定位div。
下面是css ()的相关代码片段：
.textblock-container {
width: 500px;
height: 500px;
border: 1px solid red;
}
div.textblock {
width: 100px;
height: 100px;
line-height: 100px;
border: 1px sol
浏览 1提问于2013-07-13得票数 14
回答已采纳
我正在尝试创建一个类似于图中给出的原型的网站(链接在上面)。这是我使用的代码：
<div class="Tips" id="Tips">
<div id="TipsHeading"> Tips
</div>
<div class="rec2">
<img id="img1" src="personal.png">
<div id="
浏览 15提问于2022-01-19得票数 0
回答已采纳
1回答
我试图从一个div (高于我的inputtype=range )委托一个单击事件到范围值。这意味着，如果我单击或触摸范围栏，div的行为方式与范围滑块完全相同。
下面是我的示例代码：
<div id="container" style="width: 200px; height: 200px; background-color: red;">
<div id="scale" style="height: 100px;">
Skala
</div>
<
浏览 1提问于2015-01-13得票数 2
回答已采纳
使用相对定位，当我的笔记本电脑上的窗口是全屏的时候，它工作得很好，但是，一旦我把它稍微变小了，比如20px，子弹就会变得不对齐。有没有办法让这些子弹保持一致？
HTML。
<div id="mapdiv">
<img id="map" src="images/map117.jpg">
<a class="battlebullets" id="b1" href="RomanBattles117.html#battlerow1">⬤</a>
浏览 1提问于2018-09-14得票数 0
假设我在我的网站上有一个相对位置的元素。在这个元素中，我想要另一个位置固定的元素。
问题：
在所有浏览器(FF、IE、Opera)和早期Chrome浏览器(在Chrome版本26.0.1410上测试)中，固定元素的位置与父浏览器的相对位置相关。在当前的Chrome浏览器中(在ChromeVersion32.0.1700上测试)，这个固定的子程序被呈现给父服务器，而不考虑其父母的相对位置。
#parent-element {
border: 1px solid red;
height: 100px;
position: relative;
top: 50px;
width
浏览 1提问于2014-03-12得票数 1
回答已采纳
假设我有一个容器，我想把这个容器放到另一个容器中，这个容器也装满了其他东西。CSS代码可能如下所示：
.parent-container {
width: 100%;
position: relative;
}
.child-container {
width: 600px;
position: absolute;
left: 25px;
bottom: 100px;
}
然而，.child-container还包括绝对定位的元素，这些元素相对于.parent-container是位置的，因为.child-container没有position:
浏览 2提问于2013-08-28得票数 1
回答已采纳
1回答
定位材料
、、
如何使div位置坐标相对于标头？或者我应该将所有的东西相对于更大的包装进行定位？
Ofc，它可以用多种方式来完成，但我认为最好知道它通常是如何完成的。
而且，为了不提出另一个问题，而且这个问题可以很容易地回答，
为了在网站中定位和构造事物，我使用div权限。要定位块的标题，应该在其中使用div吗？就像你在下面看到的
<div id="LatestQuests">
<div id="LatestQuestsTitle"> Latest Quests </div>
</div>
CSS
#LatestQuest
浏览 2提问于2013-12-17得票数 0
我不知道是否有人问过这个问题，虽然我已经看了一下。
我在DIV里面有个DIV。我希望内部div在外部DIV中有一个特定的位置。我在这方面取得了一些成功
position: absolute; top: 0px;right:0px;
但其他所有的div都被移动了。我只想把它放在其他东西上的float上(当然，浮子不起作用)。
谢谢!
编辑：外部div是相对的，当浏览器调整大小时，我希望内部与它一起移动。
编辑:对不起，我已经找到了一个问题(但没有答案)：如果我使用right:0px，内部div将停止相对于外部div移动，并开始相对于浏览器窗口移动。为什么会这样？
浏览 0提问于2010-05-14得票数 3
回答已采纳
我已经添加了一个图像到automatically.Then并且高度已经调整了，我使用相对positioning..However将图像浮动到左边并将图像移动到顶部，bg高度保持不变。如何自动降低高度？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS(4)</title>
&l
浏览 0提问于2011-06-09得票数 0
回答已采纳
假设我有两个div，一个在另一个里面，如下所示：
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="width:100%">
</div>
</div>
</body>
</html>
现在，内部div的宽度是屏幕大小的50%的100%，或屏幕大小的50%。如果我将内部div更改为绝对位置，如下所
浏览 0提问于2013-01-15得票数 51
回答已采纳
4回答
我有以下的div结构在我的网站的一部分。在另一个下面有两个div。第一个div被分为两个元素。一个div (63%)和一个按钮。
下面是另一个div，它的宽度和位置与绝对的63%相同。
具有绝对的位置，而不是导致相同尺寸的宽度相同的两个div。
CSS代码的一部分
#two{
border: 1px solid;
width: 63%;
position: absolute; //Enabling this resulting in varying size even width is same
}
这是我的代码笔链接，
我想要两个和绝对位置相同大小的div。有什么我可以在这里试
浏览 0提问于2019-03-27得票数 1
回答已采纳
2回答
我可以使用一些帮助，因为我是新的html编码。不管怎样，我用bootstrap做了一个旋转木马。旋转木马本身运行良好。但是在旋转木马中放置一个按钮后(使用top：(px)和right：(px)，因为我不知道如何将它放在我想要的位置)，它仍然工作得很好。直到我开始调整窗口大小。背景变小了，但按钮的大小保持不变。所以它开始四处移动，曾经相邻的两个按钮，现在变成了两个按钮，它们之间有很大的空间。这里，看看我的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"&
浏览 0提问于2017-04-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
