在IE中确定垫-扩展-指示器的位置
是通过CSS属性来实现的。具体来说，可以使用position属性来控制元素的定位方式，以及top、bottom、left、right属性来确定元素相对于其父元素的位置。
- position属性：
- static：元素按照正常文档流进行布局，忽略top、bottom、left、right属性。
- relative：元素相对于其正常位置进行定位，可以通过top、bottom、left、right属性来调整位置。
- absolute：元素相对于其最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档进行定位。
- fixed：元素相对于浏览器窗口进行定位，即使页面滚动，元素的位置也不会改变。
- top、bottom、left、right属性：
- top：元素的顶部边缘与其父元素顶部边缘的距离。
- bottom：元素的底部边缘与其父元素底部边缘的距离。
- left：元素的左侧边缘与其父元素左侧边缘的距离。
- right：元素的右侧边缘与其父元素右侧边缘的距离。
通过设置这些属性的值，可以确定垫-扩展-指示器在IE中的位置。例如，可以将position属性设置为relative，然后使用top和left属性来调整垫-扩展-指示器的位置。
在腾讯云的产品中，与前端开发和CSS相关的产品包括腾讯云CDN（内容分发网络）和腾讯云Web应用防火墙（WAF）。CDN可以加速网站的访问速度，提供全球覆盖的加速节点，详情请参考：腾讯云CDN产品介绍。WAF可以保护网站免受各种Web攻击，详情请参考：腾讯云Web应用防火墙产品介绍。
相关·内容
2回答
溢出视口
、
谁能给我解释一下下面的小提琴是如何overflowing the viewport的。
.row > .sidebar-fixed{
position: absolute;
top: 60px;
width: 220px;
height: 100%;
overflow-y:scroll;
}
.row > .sidebar-fixed.left{
left:0;
}
.row > .sidebar-fixed.right{
right:0;
}
.fixed-fixed {
margin: 0 240px;
}
浏览 2提问于2014-07-09得票数 0
2回答
未保持固定的动画背景
、、、、
嘿，伙计们，我正在为我的网站做一个新的背景。我正在试着让它更有活力一点。我目前在这里工作：
正如您所看到的，当您向下滚动页面时，名为"background“的div不会保持”固定“状态……我似乎不能让它保持固定。
我的CSS看起来像这样：
body {
background-color: #0a0a0a;
color: #a2a2a2;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4;
margin: 0;
padding:
浏览 2提问于2013-07-22得票数 0
回答已采纳
关于absolute定位，fixed似乎像relative一样工作。
.fixed, .relative {
border: 1px solid;
width: 150px;
height: 150px;
}
.fixed {
border-color: red;
position: fixed;
}
.relative {
border-color: blue;
margin-left: 200px;
position: relative;
}
.absolute {
background-color: rgba(0, 0, 0, 0.2);
浏览 4提问于2017-11-13得票数 2
回答已采纳
2回答
.act{
text-align: center;
height: 100%;
width: 100%;
}
/* arrows*/
.left_arrow{
top: calc(117.2% + 12.75vh);
left: 19%;
transform: rotateZ(90deg);
}
.right_arrow{
top: calc(117.2% + 12.75vh);
right: 19%;
transform: rotateZ(-90deg);
}
.act img{
position:
浏览 1提问于2019-02-28得票数 1
回答已采纳
下面的html创建一个页面，页面的<html>高度= 8，<body>高度= 0，但是具有“居中”的div也在屏幕上垂直地居中。怎么会这样呢？
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style=" height:100px; width:200px; margin: auto; position: absolute; top: 0; left: 0; bott
浏览 9提问于2015-06-22得票数 1
回答已采纳
我认为一个普遍的规则是，只要一个div foo有position: relative，那么如果父和祖先没有任何非静态position (因此需要有一个relative, absolute, or fixed)，那么div foo现在将是相对于整个文档的位置。
但在下一页：
<div id="box1"></div>
<div id="box2">
<div id="box3">some text inside some text</div>
</div>
<
浏览 3提问于2013-02-27得票数 1
请容忍我..。请原谅我(可能)不正确的术语：
在下面的代码中，我不明白为什么要将包含(父) div设置为“position:relative”，以便内部div相对于父div定位(使用“position:absolute”)。我认为为了实现这一点，子div应该设置为“相对”到父div。我是否理解为父div本质上是在对内部的其他div说：“嘿，你们现在都可以被定位为我的‘亲戚’了！”我有点期待它以另一种方式工作。
例如，我认为文本应该定位为与包含的div“相对”。有人能解释一下为什么它在这里是这样工作的吗？谢谢。
<div id="backgroundImage">
浏览 0提问于2013-06-18得票数 1
回答已采纳
谁能解释一下background-position:bottom;的概念我有超文本标记语言和CSS：
body {
position:relative;
background:#333;
}
div {
display:block;
border:1px solid red;
width:400px;
height: 600px;
position:relative;
}
span {
background: url("http://thecodeplayer.com/uploads/media/m1.png") no-repeat;
p
浏览 0提问于2015-09-01得票数 1
2回答
我有这个简单的代码可以将两个div #container元素并排放置。其中每一个都有一个子div #child，我想相对于它的父(div #container)定位它。
<style>
.container {
float:left;
margin-right: 10px;
}
.child {
position: absolute;
left: 0.2ex;
}
</style>
<div class="container">a<br/>
<div class="chil
浏览 4提问于2012-10-23得票数 0
回答已采纳
我有一个父div <section>，我想在它的右上角添加几个使用字体的图标，所以我尝试给它们position:absolute和top:5px和right:5px，但是它位于整个页面的右上角，而不是这个部分。(我希望它位于黄色背景的右上角，每当我决定添加更多图标时，它们也应该是一个相邻的图标)
**必须在扩展模式下查看代码段才能查看问题
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css" rel="stylesheet" />
&
浏览 2提问于2018-05-31得票数 0
回答已采纳
1回答
仅由HTML和CSS组成的圣诞树
、、、、
我只使用HTML和CSS创建了一棵圣诞树。可以肯定的是，代码可以以更高效的方式编写。另外，灯同时开着也关着，有没有办法让它们独立工作？
body {
background-color: #9fd8ee;
}
.tree {
display: flex;
flex-direction: column;
align-items: center;
}
.triangle-one {
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transpare
浏览 0提问于2020-12-29得票数 0
1回答
我试图为一个时钟做一个接口，其中一个按钮需要放置在它的容器div的底部。这是我使用的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Absolute Positioning Problem</title>
<style>
* {
margin: 0px;
padding: 0px;
}
#container {
ma
浏览 3提问于2022-07-15得票数 0
回答已采纳
当我扩大或缩小窗口时，如何保持我在同一个地方拍摄的图像？据我所知，也有类似的功能，即最大高度和最小高度，在窗口同样展开或缩小时，防止元素在某一高度或宽度以下或以上收缩或膨胀，但我不完全理解如何实现上述目标。
我计划使用最大高度和最小高度内容的元素，但我认为“顶部：”元素将涉及。
下面是如下代码：
h1{
font-family: 'Quicksand';
text-align: center;
position: relative;
background: antiquewhite;
border: 5px solid bisque;
}
.image1 {
left: 4
浏览 4提问于2022-04-02得票数 0
我正在尝试创建一个类似于图中给出的原型的网站(链接在上面)。这是我使用的代码：
<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回答
无法将搜索栏定位在标题图像的右侧
、、、、
我正在尝试将搜索栏定位在图像的右侧。搜索栏默认位于图像的左侧，我希望它位于右侧。
我会认为
searchBar.style.right = "200px";
应该是有效的，但它不是。
下面是图片和搜索栏的完整代码：
function loadHeader() {
/* Header bar */
var headerImage = new Image();
headerImage.id = "hi";
headerImage.src = "headerBar.jpg";
headerImage.style.position
浏览 0提问于2015-05-16得票数 0
我正在制作一个网页，在内容的<div>周围有一个嵌入边框的反复设计元素。嵌入边框是用更少的/CSS完成的，它本身是放置在内容后面但在包装器中的一个<div class="inset-border">。
这是一种对几乎整个页面都很有效的方法。但是，有一段边框不是从父包装器继承其维度，而是继承曾祖父元素。为什么？
为边框呈现的CSS：
.inset-border {
border-style: solid;
border-color: #ffc174;
border-width: 1px;
height: 90%;
width: 90%;
浏览 3提问于2017-05-04得票数 1
回答已采纳
1回答
请您看一下这个演示程序，让我知道为什么我不能在按钮后面添加箭头内容。
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
.btn-warning:after{
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent
浏览 1提问于2015-11-16得票数 0
回答已采纳
为什么CSS position: relative;使用bottom向上移动，使用top向下移动，left将右移动，right使用左移？
Fiddle：
我是不正确地使用position: relative;，还是这是我所不知道的某种术语？
浏览 7提问于2015-10-29得票数 0
回答已采纳
1回答
我对HTML、CSS和JavaScript非常陌生。每当我尝试做任何动作时，我的darthVader角色都会继续传送到屏幕的一侧。我认为这可能是我的CSS的一个问题。此外，我愿意接受任何和所有的建议，为这个项目的改变。无论是效率，布局，或任何数学涉及到这个项目。现在，我只是在学习，我走了，而不是看一个手握教程。
//Global variables
let deathStar = document.querySelector(".deathStar")
let counter = 0;
let darthVader = document.querySelector("
浏览 1提问于2022-08-03得票数 1
回答已采纳
绝对:完全忽略流动。相对:是在正常流动的范围内，但也可以移动。
--按预期在红色框中显示绿色框。
<html>
<head>
<title>Lets see what occurs</title>
<style>
#box_1 {
position: absolute;
top: 100px;
left: 100px;
right: 0px;
bottom: 0px;
浏览 6提问于2014-05-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
