1回答
我目前正在使用Intersoft Webgrid 9来处理我们的一些页面。有些列使用内置的日历弹出窗口来编辑日期。
日历应该在文本框下面弹出以供编辑。在Chrome中，这很好用，但在IE中，弹出窗口显示在文本框上方。
日历弹出窗口是第一次单击日历图像时添加到页面的div。初始单击后，div仍保留在页面上，但不再使用时可见性更改为隐藏，或者位置根据正在编辑的文本框而更改。
由于我们使用的是Intersoft的资源，所以我无法直接访问图像单击事件的javascript。不过，我可以在日历图像中添加一个额外的单击事件，但它会在div绘制之前触发。之后，因为div现在在页面上，所以我可以通过这个cli
浏览 17提问于2018-08-27得票数 0
所以我有一个外祖父母的div叫做projects，还有一个叫做wiggle的父div。在扭动中，我将p元素设置为100%宽度。然而，它的宽度来自祖父母，而不是摇摆。我需要保持绝对定位的p，因为它的位置在父母的形象的边界顶部。我研究过这个问题，人们经常建议设置一个计算的宽度，所以我试了一下，它成功了……说大也大吧。
这个谜题最奇怪的一点是，当摆动转换正在运行时，宽度相对于父级和结束后发生了变化，宽度再次相对于祖父母。转换属性不试图以任何方式控制宽度。
请看我的小提琴。
.cork {
background-image: url("https://s28.postimg.org/w
浏览 0提问于2017-02-03得票数 0
回答已采纳
2回答
除了可以使用偏移值(顶部、左侧等)之外，Relative定位与默认static定位相同。
客观上，Relative似乎比static定位更强大。
在CSS中将所有元素重置为relative (并根据需要覆盖absolute )有什么缺点吗？
浏览 0提问于2012-01-31得票数 0
回答已采纳
1回答
我试着用div标签把我所有的页面都封上。我想要我的模板，就像我的布局'o‘是外部容器，'L’是log，'s‘是侧菜单div，'c’是内容分区。我创建了我的模板，但我的问题是，我的内容在‘内容div’中是重叠的发送镜头。
对这个问题很感兴趣。
.rest {
height: 685px;
padding: 0px 7px;
}
.sidemenu {
float: left;
margin-top: 150px;
width: 100%;
}
.content {
position:relative;
浏览 0提问于2015-03-07得票数 1
回答已采纳
当我们给一个元素一个具有垂直和水平偏移(例如底部和左侧)的位置属性绝对时，它是相对于位置属性为相对的最近父元素定位的。
如果没有父元素具有相对属性，则相对于浏览器窗口定位绝对定位的元素。固定定位的定义与它所说的完全相同，“固定定位是一种绝对定位，其中元素相对于浏览器窗口进行定位。”
我的主要问题是，为什么当页面向下滚动时，绝对定位的元素会向上移动，而当它们都相对于浏览器窗口放置时，固定定位的元素不会向上移动。
浏览 2提问于2018-06-18得票数 0
1回答
我有一个youtube视频，上面有一个链接，我想放在它前面。
<embed id="myVideo" src="http://www.youtube.com/v/f4K6ZxDwi34?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
&l
浏览 4提问于2012-07-02得票数 2
回答已采纳
2回答
当我设置position: absolute和top: 0px时，元素实际上并不是绝对位置，而是相对于其父元素(使用position: relative)的位置。
是否有一种简单的方法来设置元素相对于整个文档的位置，而不是父文档？
更新
如果我的元素已经附加到带有position:relative的div中，我可以这样做吗？在我的情况下，把元素重新连接到身体上是个问题。
浏览 6提问于2013-04-02得票数 3
1回答
我有一些元素在屏幕上，我需要覆盖覆盖。元素具有不同的大小，并且可以在页面的生命周期内调整大小。
我可以使用这个CSS在需要的地方放置覆盖，除了100%的高度不起作用：
.upgrade {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
有没有办法在CSS中设置一个元素完全覆盖另一个元素。如果CSS不是一个选项，我的备用计划是使用jQuery/JavaScript设置初始高度，然后跟踪调整大小事件。我希望这是正确的行动。
但是，我真的希望CSS能解决100%的高度问题。非常感谢您的帮助！
浏览 2提问于2012-11-28得票数 0
回答已采纳
据我所知，绝对定位元素() (.e.g.span style=“style=：绝对值”)将基于其祖先的位置上下文来定位，但是这个绝对定位元素不会为其子元素创建一个新的定位系统，对吗？，如果#1是正确的，那么有人能告诉我为什么允许父元素在文档中设置为绝对位置吗？(只需在引号中准确地搜索这一行，就可以找到相关段落“指定父容器为位置:相对或位置:绝对”。
那个链接中的父母必须是‘相对’的，但不是绝对的，为什么它说绝对是可以的？因为只有相对人才能创建新的定位上下文，所以在链接项目3中，前50%不应该工作。
浏览 1提问于2012-05-04得票数 0
回答已采纳
我有一个类似的结构：
<div style="border: 1px solid red; position: relative; height: 200px">
<div style="border: 1px solid green; position: absolute; left: 10px; top: 10px;height: 100px; width: 200px ">
<div style="border: 1px solid blue; position: absolut
浏览 1提问于2017-02-20得票数 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
回答已采纳
我在我的页面上有一个元素，我想使用" position :absolute“来定位它。因此，我在#pagewrap中添加了"position: relative“。我现在想对#page中的其他元素做同样的事情，但当我还添加了"position: relative“时，将#pagewrap作为父元素之前的所有元素现在都切换到了#page。
我所说的元素是：#copyright-logo
我该怎么做才能避免这种情况？
#pagewrap {
width: 1050px;
margin: 0px auto;
background-color: rgb(255,255,255)
浏览 1提问于2012-10-04得票数 1
回答已采纳
1回答
我有一个HTML表单，里面有一个表格。守则如下：
我的代码：
<html>
<head></head>
<body>
<form onsubmit="" id="form1" action="" method="post" name="form1" style="position: relative; background-color: green;">
<table style=&#
浏览 0提问于2011-03-17得票数 1
回答已采纳
1回答
带有简单侧边栏的粘性页脚
、、、
我有一台。我正尝试在页面底部添加一个粘性页脚。但是，当我切换导航栏时，页脚会跳到顶部。
<div id="wrapper" ng-class="{'toggled': hidden }">
<div ng-include='"views/nav.html"'></div>
<div id="page-content-wrapper">
<div class="container-fluid">
&
浏览 1提问于2014-10-04得票数 0
发生了什么事现在我们的导航菜单被切断了。我们不知道发生了什么事..。如果你去看那页，你就会明白我的意思。集线器页面：
浏览 2提问于2017-04-13得票数 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
如何将“树”定位在第二行的顶部？
我已经阅读了一些有关这方面的资料，有些声称fixed是相对于其外部容器定位的，另一些是相对于浏览器窗口的。位置:绝对，我读过它相对于浏览器窗口，但是声称它相对于第一个定位元素。所有这一切都让我的头脑有点模糊，尽管玩弄着这两种属性，但我并没有真正理解这一点。
浏览 3提问于2011-06-23得票数 1
回答已采纳
我是新的编码世界以及CSS。在阅读了许多关于relative和absolute定位的文章之后，我的理解如下。但是，我不确定absolute位置是否应该是父relative位置的子位置，反之亦然。
有4个位置属性，即static, relative, absolute and fixed。
如果一个元素有一个relative位置，那么它仍然是文档正常流的一部分。但是，它能够被属性top, right, bottom and left所抵消。
它还可以给出一个z-index值，并自动定位在静态元素之上。
它还提供了一种包含作为其代码块一部分的子元素的方法，尽管我不清楚这到底意味着什
浏览 0提问于2011-05-22得票数 15
回答已采纳
我希望我的类为“非绝对”的元素被正常定位，因为它的同级元素将被定位为static.Now，因为它的同级被定位为绝对的，非绝对的元素与定位为绝对的元素重叠。
我如何解决这个问题，使得元素将采取其正常的位置，它的所有兄弟将定位为静态？
<html>
<head>
<style type="text/css">
.world{width:1000px;position:relative;border:1px solid black;height:200px;}
.world .child{position:
浏览 0提问于2012-11-24得票数 1
回答已采纳
1回答
我在HTML中添加了一个图像，并将位置设置为相对位置。另外，包括新的和弦bottom , right , z-index，即使图像位置/位置在主体前面(重叠)，滚动仍然扩展到它的默认位置，即使没有使用的空间。有办法阻止这件事吗？
更好的解释：
“守则”：
.crow
{
position: relative ;
z-index:4;
bottom: 950px;
right: 502px;
height: 900px;
width: 1200px;
}
body
{
font-family: "trebuchet ms", arial, sans
浏览 3提问于2021-04-24得票数 0
回答已采纳
我有一个网站与渐变的身体作为背景。.main分区的位置是绝对正确的。我希望它的高度与其中的内容相同，但我如何才能实现这一点？
浏览 0提问于2013-02-12得票数 0
2回答
我有一个div，它显示一张地图，它横跨所有12列，但高度是50 is。我正试图在此之后再添加两个div，但我不知道为什么它是重叠的。我的mapDiv上有z-index:0，肚脐上有z-index:1。有人能指出错误吗。我已经试过把z索引添加到我的另外两个div中，但仍然没有运气。
.mapDiv {
position: absolute;
z-index: 0;
background-color: black;
height: 50vh;
width: 100%;
}
.fo
浏览 0提问于2017-01-23得票数 1
回答已采纳
1回答
在HTML网页上定位和对齐图像的最佳方法是什么？
我将有大约10个用户控件，每个都有一组图像在他们的一个特定的模式，例如-一个圆弧，一个圆，直线，一些其他种类的曲线。
所有图像的大小都是一样的。
如何使用最佳实践来实现这一点？
浏览 3提问于2011-01-17得票数 1
回答已采纳
我需要一些定位方面的建议。我得到了这个正方形，它应该在页面的中心。并且有一个标志和一个标志字体图像围绕着正方形。现在，我希望它尽可能地动态，因为我在其他地方也使用了正方形和图像。所以我不能真的使用刚性静态定位。
这是网站: www.matkalenderen.no
我该怎么做呢？我想要的标志出现在广场的左侧。以及显示在正方形上方的字体。正方形本身应该居中。你可能已经明白了:)现在我对所有东西都有了一个包装器，它也是居中的。
HTML
<div id="loginWrapper">
<img class="LogoChef" alt=
浏览 0提问于2010-03-17得票数 1
回答已采纳
1回答
我正在做下面的演示，它在我的网站上使用snap.js和chart.js
我添加了一些JavaScript，以便在滚动时显示来自chart.js的内容，但它似乎在以下样式中遇到了一些麻烦：
第10行- CSS：overflow: auto;
它隐藏了内容。如果我删除这个样式，它就能完美地工作：
(无溢出)
我应该创建一个#canvas样式，让我在其他内容前面显示它吗？而不删除snap.js的属性？
浏览 2提问于2014-03-19得票数 1
我遇到了一些css的问题。
这就是问题所在：
我试图让#window的高度来源于.content中的内容。.content是绝对定位的，但在某种程度上，如果你知道内容div的高度，你就可以计算出.wrap的高度。.wrap和#window也是如此，所以我希望既然.content有一个高度取决于它内部的内容，#window也会这样做，但它不起作用。
这是可解决的吗？
浏览 1提问于2011-01-15得票数 0
回答已采纳
最近，我们的主网站进行了重新设计wrt UI -新的导航/页脚等。主网站(带有自己的UI -导航/页脚等)托管其他html页面，这些页面在主页中被调用。
在重新设计之前，每当我们创建-Relatively定位的html页面(用于滑块/悬停效果等)时，-having绝对定位的Div (内容器-绝对) -which中有图像(图像-内容)
我们从来不需要为绝对定位的内容器的图像/内容指定- position absolute。他们都表现得像内部容器，这是绝对定位。
但在新的UI中，定义内容的位置变得很有必要。
这是不是不正常？
我认为这是一种偏差--新的用户界面有问题。这是由主页的CSS引起的吗？如
浏览 2提问于2014-03-27得票数 0
这对我来说没什么意义。
如果我想让div从容器边缘向左:20px；top:20px，我应该能够这样做:position:absolute- If parent；。定义子对象的位置不需要修改父对象。
至少这样看起来更模块化和解耦。作为一名程序员，我被教导要沉迷于此。
浏览 1提问于2011-07-18得票数 8
回答已采纳
1回答
我有一个名为"stage“的div，包含一个YouTube视频，还有一个名为"stageX”的div，它将包含一个X按钮(稍后我将编程以在单击时隐藏视频)。
我试图将X定位到YouTube视频的右上角，并在用户放大或移出页面时保持它的位置。
我把“舞台”设为“相对”，把“stageX”设为绝对，但这是行不通的.我在这里做错什么了？
<section id="headerstage">
<div id="stageX">X</div>
<div id="stage&
浏览 2提问于2016-01-01得票数 0
回答已采纳
目前，每当我将鼠标移到“标题”、“格式”上时，都会出现一个悬停框。
html代码：
<div id="sortmenusize">
<ul id="sortmenu">
<li>Refine By:</li>
<li>TITLE
<ul>
<li><a href="alphasort.php?sort=A">A</a></li>
浏览 0提问于2011-11-02得票数 2
回答已采纳
我有以下用于映射的代码，
<DeckGL
initialViewState={INITIAL_VIEW_STATE}
controller={true}
layers={layers}
getTooltip={({object}) => object && `Paths Covered`}
>
<button className="button" onClick={() => history.push("/")}>Back</button>
<
浏览 0提问于2020-10-14得票数 0
我使用div和背景图像样式属性在另一个图像(第一个图像是头像，第二个图像是它的帧)上渲染图像。问题是，当用户将鼠标悬停在它们上面时，我也想要一个图像出现在所有2个上面。我已经使用z-index超过2小时了，但是我不能让它工作。要么是悬停在50%的情况下工作(因为z索引对于悬停和头像是相同的)，要么是头像只有在也可以看到悬停时才会显示出来。我尝试过的代码之一(头像只在悬停图像也可见时显示)：
echo "<div style=\"display:inline-block; width:81px; height:65px;\">";
echo "
浏览 1提问于2011-12-20得票数 0
1回答
Css转换不影响其他元素
、、、、
大家好，我有一个学校项目，我试图动画一些物体和我的css转换工作，但我不希望其他元素受到影响的过渡。我看过其他例子，这些例子谈到使用css定位来解决这个问题，但是当我将定位添加到我的示例中时，图像开始抽搐，另一个html元素到处都是。我把我的jsbin附上去了。我正在使用angularjs循环我正在使用的api，我不知道这是否在某种程度上影响它？
浏览 0提问于2013-11-23得票数 0
回答已采纳
也许更容易访问正在进行中的站点-
我希望将页面底部的黄色文本放在蓝色栏(这是一个img)上。
我有一个包含position:relative;的div，里面是另一个包含position:absolute;的div。我想通过这样做，当你给绝对div分配一个top位置时，它会把相对div的顶部作为它的起点？我的以屏幕顶部为起点，因此有巨大的顶部位置。
显然，我希望黄色文本随蓝色条移动，这取决于页面的高度/宽度。
据我所知，使用位置绝对是解决这个问题的唯一方法？
也许我不理解将绝对定位的div放在相对定位的div中的整个概念！
浏览 0提问于2011-07-21得票数 0
回答已采纳
3回答
我正在设计一个响应式的设计，其中徽标需要放置在页面的顶部/中心，并在其下方覆盖内容……我可以通过给徽标一个绝对的位置来获得所需的布局
position: absolute;
top: 0;
left: 50%;
margin-left: -98px; /*--half the width of the logo--*/
为了最好的standards....is，我有什么理由不采用这种方法吗？环顾四周，人们倾向于不喜欢使用绝对定位。给徽标一个负的上边距和自动的左/右边距是不是更好？重要的是，当媒体查询断点生效时，徽标保持在顶部的中心位置。
浏览 3提问于2012-03-05得票数 2
回答已采纳
假设我有一个容器，我想把这个容器放到另一个容器中，这个容器也装满了其他东西。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
回答已采纳
我试图了解嵌套的div是如何工作的。我知道，一个“职位绝对”的搜索“位置相对”。但是，如果我们在另一个“绝对位置”中有一个“位置绝对”，它将使用什么作为“位置相对”。
.box {
border: 2px solid black;
width: 500px;
height: 500px;
position: relative;
}
.box1 {
position: absolute;
width: 220px;
height: 220px;
border: 2px solid black;
background-color: red;
botto
浏览 11提问于2022-03-09得票数 1
我有下面的html和css。如果我将位置属性从绝对更改为相对属性，div.raw似乎会在html布局中流动，而背景图像并不能掩盖一切。如果我没有，那它就会。为什么会这样呢？
HTML:
<h1 class="push">Hello World</h1>
<div class="container">
Some text
<div class="raw"></div>
</div>
CSS:
.push {
margin-bottom: 50px;
margin-t
浏览 2提问于2015-04-04得票数 1
1回答
仅CSS滑动菜单
、、
请参阅以下链接：
我正在试着弄清楚。我不明白的是它是如何工作的--我不能理解为什么子菜单保持隐藏而不干扰页面的其余部分。
请允许我进一步解释--当我尝试创建自己的子菜单时，我的脑海中想的是我必须隐藏和显示子菜单(我使用DIV标记，认为我很聪明)，但当它们可见时，它们将在DOM中占据它们的位置，并移动其他所有东西(这显然是我想避免的，但并不完全知道如何实现)。当我尝试使用JS制作我的应用程序时，它并没有像我想要的那样工作。我将嵌套的DIV标签(子菜单)的“display”和“visibility”属性分别更改为“none”和“like”，直到onmouseover事件，它就不能正常工作，我也不
浏览 4提问于2012-10-23得票数 0
/* structure */
body {
margin:0;
padding:0;
}
#break {
clear:both;
}
/* header */
header {
padding:15px;
background:silver;
}
#avatar {
float:right;
}
#brand {
float:left;
}
/* nav */
nav {
clear:both;
}
#menu1 ul {
margin:0;
pad
浏览 0提问于2013-06-04得票数 0
简单地说，我希望这4个按钮在它们之间分开，宽度为5 5px？当我有我的相对地位时，它工作得很好，但当我把它说成是绝对的，它们都堆在一起了吗？为什么这么做，还有人知道解决办法吗？谢谢。
代码：
#content
{
position: absolute;
top: 220px;
left: 505px;
width: 860;
height: 560px;
}
#content ul li
{
text-decoration: none;
position: absolute;
margin-right: 2px;
fon
浏览 1提问于2014-03-07得票数 0
回答已采纳
2回答
在我的html页面中，唯一具有position: relative;样式的元素是body。
身体内部是：
<div id="nav" style="position:absolute;top:275px;left:50%;margin-left:-350px;">
<div>foo</div>
<div>bar</div>
</div>
#nav和#nav div css具有position: absolute;样式
因此，#nav div出现在页面的中间。
现在，因为主体是
浏览 4提问于2011-08-31得票数 1
回答已采纳
我有一个简单而愚蠢的问题。position: absolute对div标签做了什么？
下面是一个例子。假设我有三个<div>标记：
<div id="a"></div>
<div id="b" style="position: absolute"></div>
<div id="c"></div>
根据我的实验，position: absolute以某种方式将#b“推”到常规块元素流之外，它出现在#a和#c之间，#a紧跟在#c之后，而#b则漂浮在它
浏览 0提问于2015-08-21得票数 1
1回答
粘性导航-动画和向上推
、、、、
我正在尝试创建一个导航头，它会粘在窗口/浏览器的顶部，直到下一个导航头( div框)将其向上推到视野之外。导航头有一个动画，一旦用户滚动到.fillwindow的底部，它就会逐渐消失。
我已经创建了一个JS Fiddle，试图更详细地解释我正在努力实现的目标。在那里，你可以看到我面临的小故障。
有人能解释为什么CSS中的“top”属性似乎不影响类.header吗？
在jquery部分中的.animate事件：.animate({'opacity':'1', 'top':'40'}中，'top':'4
浏览 2提问于2015-05-19得票数 1
1回答
什么是包含浮动元素的块？
、、、
，它说：
浮动框被移到左边或右边，直到它的外部边缘接触到包含的块边缘或另一个浮动的外部边缘。
我想知道浮动元素的包含块是什么，我测试：
body {
position: relative;
margin: 5px;
padding: 10px;
}
p {
float: left;
position: absolute;
margin: 10px;
}
<body>
<p>hehe</p>
</body>
根据，绝对定位元素的包含块是最近定位块容器的填充框。
但是在上面的代码中，
浏览 1提问于2017-01-11得票数 3
回答已采纳
我想在右边浮动的a div中应用绝对位置。
这是我的HTML
<div>
<div id="membership">
<span><a href="#">Login</a></span>
<span><a href="#">Join Us</a></span>
</div>
</div>
这是我的CSS
#membership
{
float:right;
浏览 4提问于2012-01-14得票数 0
回答已采纳
我是新来的，我是jquery，现在我试着用.animate做些什么。
我用图像从div构建网格，并放大其中一个图像。但是当我放大一个，其他元素就会改变位置。我该怎么做才能把这个放大的元素放大到其他图层--我想把它放大，但在其他图像上。我想我必须复制这个div然后放大它？或者，在actionscript的“深度”中，我可以将对象移动到更大的深度。
我的代码非常简单：
$('.profile').hover(
function() {
$(this).animate({ 'zoom': 1.05 }, 400);
},
function() {
$
浏览 0提问于2013-07-28得票数 1
回答已采纳
2回答
我在div 1里面有张桌子。
然后，div 1添加另一个div 2，其位置:相对；顶部：-250；因此div 2层将正好位于表的顶部。但是现在在桌子下面有一个很大的空间，页面上的任何东西都可以恢复显示(我想第二个div 2通常不会发生-250的位置变化？)我该如何摆脱这个空间并清除它呢？我试过这个..。
<div style="clear:both;"></div>
...and，它什么也没做
这页在这里..。
我真的需要一种方法，让一个图层，我可以写文本(就像数字2)，就在桌子上。有什么简单的方法吗？
现在在播放按钮下面有一个很大的空间，没有任何理由
浏览 4提问于2010-10-02得票数 0
我有很多div，都在position:absolute里。我试图避免它们只与CSS规则重叠。我不想改变最高值。
.try {
/*some magic?*/
}
#pos1 {
position: absolute;
background-color: blue;
width: 100px;
height: 100px;
top: 50px;
left: 30px;
}
#pos2 {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
top: 90
浏览 3提问于2015-05-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
