2回答
我有一个水平列表框，它被弹出的覆盖重叠。而水平框是使用ui li构造的。
现在的问题是，如何使用z-index获得覆盖层上方的单个框。在我的示例中，我需要获得li，它的类名为.test，它位于overlay div之上。
.wrapper { position: relative }
ul li {
margin:0;
padding:0
}
li {
background:yellow;
display:inline-block;
width:60px;
height: 60px;
}
.overlay {
background: rgba(0,0,0,0
浏览 2提问于2014-02-19得票数 4
回答已采纳
请容忍我..。请原谅我(可能)不正确的术语：
在下面的代码中，我不明白为什么要将包含(父) div设置为“position:relative”，以便内部div相对于父div定位(使用“position:absolute”)。我认为为了实现这一点，子div应该设置为“相对”到父div。我是否理解为父div本质上是在对内部的其他div说：“嘿，你们现在都可以被定位为我的‘亲戚’了！”我有点期待它以另一种方式工作。
例如，我认为文本应该定位为与包含的div“相对”。有人能解释一下为什么它在这里是这样工作的吗？谢谢。
<div id="backgroundImage">
浏览 0提问于2013-06-18得票数 1
回答已采纳
1回答
我想按他们的定单来定位div，但是他们没有互相跟踪。我想要第二个div跟在第一个div后面(向下)。
<body>
<div id="first" style="display:block;width:20%;height:100px;position:relative;top:50px;border:2px solid green;">
</div>
<div id="second" style="background-color:lightgrey;position:relative;disp
浏览 1提问于2015-12-29得票数 0
回答已采纳
1回答
请不要评判我，我刚刚开始开发网站，这是我的第一个网站。这是我的网站，无论我设置什么位置，我都不能让表单或图像停留在那里。当使用静态位置时，我不能将一个图像放在另一个图像上。那么我能做什么呢？
<style type="text/css">
.position
{
position:Relative;
top:-40px;
left: 5px;
width:13%;
height:13%;
}
.WidthFull
{
position: static;
z-index: 0;
width: 99.4%;
}
.FormPosition
{
position: Rel
浏览 3提问于2014-01-06得票数 0
3回答
如何在未设置初始position属性的元素中设置position:relative属性(在jQuery的animate()中
这不起作用：
$(mLinks[id]).animate
(
{
position:'relative',
left:'200px'
}
);
假设mLinks是一个有效的DOM元素对象。
我还尝试了使用duration和callback参数。
浏览 1提问于2012-12-12得票数 1
回答已采纳
我举了下面的例子，我不明白它到底是怎么工作的：
* {
padding:0px;
margin:0px;
}
body {
font-family:Arial, Helvetica, sans-serif;
}
h2 {
font-size:15px;
font-weight:lighter;
padding:0 0px 8px 0;
}
#container {
width:980px;
margin:auto;
margin-top:100px;
}
.example {
width:270px;
height:270px;
float:left;
浏览 1提问于2018-08-11得票数 0
2回答
我有一个问题，因为我可以移动一个图像，无论我输入什么，它停留在右上角，没有滚动 .container_767 {
position: relative;
text-align: center;
color: #fff;
}
.imagetext_767 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image_767 {
position: relative;
width: 45%;
height: 45%;
left: 50%
浏览 24提问于2020-08-03得票数 0
回答已采纳
我正在使用一个用于图像滚动的插件，但是现在我不需要滚动，所以我想停止它，我发现在使用firebug时，有下面的代码用于div，它正在滚动
element.style {
left: -1256px;
position: absolute;
top: 0;
white-space: nowrap;
}
如果我删除那个position: absolute;，它就不会滚动。所以我想去掉这个位置，所以我试了一下
$('#myselector div').css('position','relative'); //even
浏览 6提问于2013-09-25得票数 1
回答已采纳
嘿，我尽我最大的努力使这个动画正确。似乎是在JavaScript，但不确定。
电影海报应该将加载到中间。目前，虽然它加载了所有的角落。
当你点击海报的时候它应该是这样的
这是！
var $play = $('.play'),
$detail = $('.detail'),
$movie = $('.movie', $detail),
$close = $('.close');
$('.movies .movie').click(function(){
$movie
浏览 2提问于2020-10-14得票数 0
1回答
为什么nav和.logo比body走得更远？这是滚动右选项，我不想要这个。我将body设置为100%正确，我知道这可能与不同元素的边距有关，但我的测试没有成功。有人能帮忙吗？谢谢
html {
width:100%;
}
body {
margin:0;
width:100%;
}
.banner {
background:green;
width:100%;
height:1000%;
position:absolute;
background-size: cover;
background-repeat: no-repeat;
backgrou
浏览 3提问于2015-09-22得票数 3
回答已采纳
3回答
问题是我的形象在文字上面。我想要的是文本避开图像，图像隐藏的文本采取不同的路线。怎么可能？
以下是我的CSS
div.relative {
position: relative;
width: 400px;
height: 200px;
border: 3px solid #73AD21;
overflow: hidden;
display: inline-block;
}
div.absolute {
position: absolute;
top: 20px;
right: -90px;
width: 200px;
display: inlin
浏览 5提问于2016-05-22得票数 0
回答已采纳
我在努力学习CSS的过程中遇到了困难。我似乎不知道如何使相对定位div考虑绝对定位div的文本。
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<style>
div.relative {
position: relative;
width: 600px;
height: 100%;
border: 3px solid #73AD21;
}
div.absolute {
position: absolute;
top: 0px;
right: 1;
浏览 1提问于2016-10-28得票数 1
回答已采纳
1回答
请考虑以下带样式的HTML。
<div style="border: 1px solid;height: 600px;">
<button id="create_new_estimate" style="position:relative;top:10px;left:10px;">
Create New Estimate
</button>
<table style="position:relative;top:10px;left:300px;"&
浏览 0提问于2012-03-09得票数 0
回答已采纳
8回答
jQuery提供了一种获取元素位置的方法：
var position = myElement.position();
但是，此函数是只读的。
有没有办法设置元素的位置？
浏览 2提问于2011-08-27得票数 1
回答已采纳
1回答
我知道有很多关于定位的问题，包括相对父母内部的绝对定位。
我读过许多这样的问题，并找到了一个关于css-技巧()的信息链接。在所有故障排除失败后，我求助于您;)
我认为包含的内容是正确的，但显然不是。为什么父div的子元素相对于主体而不是div定位呢？
代码：
<div id="editorWrapper" style="posotion: relative; width:751px; height:250px; margin-left: 20px; margin-top: 20px; border: 1px solid blue;">
&l
浏览 2提问于2014-03-24得票数 0
我刚刚找到了一个创建粘性页脚的解决方案：
html {
position: relative;
}
#footer {
position: absolute;
bottom: 0;
left: 0; right: 0;
}
不过，我想知道将position:relative放在html标记上是如何建议的。
我理解它的方式是：position: absolute不是相对于视图端口，而是相对于文档。
这是很好的做法吗？
浏览 5提问于2015-02-16得票数 0
回答已采纳
我试图构建一个包含4个图片的页面，其中一个是绝对的，另外3个是相对的，并重定向到另一个页面，问题是我想使它们并行，所以我使用填充左和顶部来调整img在我需要的位置，但主要的问题是，我可以重定向到任何页面按下这个填充的任何地方，就像屏幕截图一样。我真的想让img只能重定向到另一个页面，而不是所有这些空间。
。
我写了这段代码
<div>
<img src="./assets/Images/Rectangle 1.png" style="position: absolute;" alt="Main Design" wi
浏览 1提问于2017-09-16得票数 0
回答已采纳
1回答
我使用同位素来动态加载数据。我现将货柜上的同位素初始化如下：
var $container = $('#content-main-list');
var imgLoad = imagesLoaded($container);
imgLoad.on('always', function() {
$container.isotope({
itemSelector : 'article',
layoutMode: 'straightDown',
position: 're
浏览 0提问于2015-03-04得票数 0
回答已采纳
我想选择所有的div，但不是其中有位置:绝对；
如何选择这样的？
<div style="position:relative;">
</div>
<div style="position:relative;">
</div>
<div style="position:absolute;">
</div>
<div style="position:relative;">
</div>
浏览 2提问于2014-04-02得票数 1
回答已采纳
3回答
我有个问题..。我不能把导航变成水平..。请教我如何将导航菜单调整为水平，并将其放在WordPress的中心位置？
我是WordPress的新手..。请帮帮我
谢谢!
下面是用于导航的css：
#toppart #mainnav {
margin: 40px 0 0;
max-width: 100%;
float:none;
text-align:center;
}
#toppart #mainnav ul li {
float: none;
list-style: none;
position: relative;
display:inline;
background: #16212b;
浏览 1提问于2014-02-06得票数 1
回答已采纳
我正在做asp.net项目，最近我们将jQuery版本从1.11.1升级到了3.3.1，然后我们遇到了一些奇怪的问题： $(element).position().top 你们有什么想法可以用来替代position().top或JavaScript吗？ 我还发现了一些关于jQuery 3.3.1中position().top返回错误值的bug。 有没有人能推荐一个position().top的替代品？这将是非常有帮助的。 提前谢谢。
浏览 35提问于2019-03-06得票数 0
4回答
Iframe定位
、、、
这是谷歌翻译的iframe代码。
<div id="contentframe" style="top: 160px; left: 0px;">
<iframe src="/translate_p?hl=en&ie=UTF8&prev=_t&sl=auto&tl=en&u=http://yahoo.co.jp/&depth=1&usg=ALkJrhjrVT6Mc1tnruB-zgrtu9cyQ1bSeA" name=&#
浏览 0提问于2013-03-23得票数 9
页面是。调整页面大小时，不会出现水平滚动条。
CSS：
@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,q,s,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,footer,header,menu,section{border:0;
浏览 2提问于2014-02-27得票数 1
回答已采纳
2回答
CSS中的位置是什么?它们意味着什么和做什么？我把第一个div 固定和第二个<div> 相对。
所以当我滚动页面时，第二个出现了，我不希望这种情况发生，我希望第一个出现在顶部。
我给第二个div一个相对位置，因为我需要控制它里面的另一个<div>。
<div class="up"></div>
<div class="down"></div>
和css：
.up{
Position:fixed;
}
.down{
Position:relative;
}
浏览 0提问于2019-04-07得票数 1
我创建了一个带有标签的div的。
我想滚动到一个特定的标签。
但是，只有当margin-top是0时，它才能正常工作。
HOwever如果我用margin-top:100px测试它是不准确的.
那是为什么？
动画命令是：
$('.d').animate({
scrollTop: $(".s210").position().top
}, 200);
});
我确实使用了position，而不是offset，因为我说的是一个跨度，它是中的。所以我们说的是立场而不是抵消。
$(".s210").position().top似乎受到了利润上限的
浏览 2提问于2013-02-16得票数 0
回答已采纳
2回答
我和position:absolute有一些非常奇怪的问题。我已经将的主标题设置为绝对位置，但当我调整窗口大小时，文本会移动。真正奇怪的是，标语(圣经经文)也是position:absolute，但它没有任何问题。有什么建议吗？
浏览 1提问于2011-09-25得票数 0
回答已采纳
3回答
我有一个页面，有元素，有相对位置。
style="position: relative;"
有些有顶部/左边的坐标，有些没有。有没有办法用jQuery检查样式标签内部的坐标是否存在？
如果没有，我想通过如下操作来添加它们：
if (...) {
var myDiv = $(".myDiv");
var pos = myDiv.position();
myDiv.css({ "left:" + pos.left + "px", "top:" + pos.top + "px
浏览 1提问于2012-04-03得票数 1
回答已采纳
想知道我怎么能让白色的聊天泡泡逃过覆盖。
如果有任何方法来简化这里发生的这段代码，这也是值得赞赏的，我相信这是过头了。
谢谢!
HTML
<a href="#">
<span class="rollover-button"></span>
<div class="the-button"><div class="innerbox"><img src="http://i.stack.imgur.com/QSFeU.png"></div>
浏览 4提问于2015-01-11得票数 0
回答已采纳
1回答
我正在实现一个响应式的html页面。我不能在小提琴上重现这个案例，所以我在"www.000webhost“上发布了这个页面。这里有个链接：https://test1flamant.000webhostapp.com/。请在Firefox上使用它，如果此链接不起作用，请让我知道 问题是，第一页上的文本"Find your home“不再位于innerWidth下的第一张图片的中心，该图片的像素大约为695px。在此限制下，文本的左边距保持不变。 我在下面第二张图片上的表格也有同样的问题，在大致相同的限制下。 为了帮助您，我在页面顶部显示了clientWidth和innerWid
浏览 12提问于2020-04-27得票数 0
2回答
左边的浮动对象与右边的浮动对象保持重叠。 用于左浮动的css： .righthomebar {
background-color: brown;
height:920px;
position:absolute;
top:60px;
margin-left: 10px;
float:left;
padding-left: 10px;
} 右浮动div的css： .content-text {
min-height:550px;
max-width: 850px;
border-style:solid;
position:relative;
flo
浏览 42提问于2020-08-23得票数 1
如何使下面的代码中的#row1和#row2都是可见的，一个又一个垂直显示，就好像没有任何absolute/relative定位一样(尽管没有删除定位属性)？即让两个.row <div>以“普通”块元素的形式出现。
body { position:relative; min-height: 2em; width: 100%; }
.container {position:absolute;}
.row {position:relative;}
.col1, .col2 {position: absolute;}
<body>
<div class="
浏览 2提问于2013-12-21得票数 29
回答已采纳
3回答
这里我使用了3张图片，我需要第三张图片上的文字。
我的代码是：
<div style="position: relative; left: 0; top: 0;">
<img src="Images/img1.png" style="position: relative; top: 0; left: 0;" />
<img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" /
浏览 0提问于2013-03-26得票数 1
回答已采纳
下面的代码演示了我正在尝试做的事情。为什么我的"blackOut“目录会出现在"theGoods”目录的前面？z-index不应该正确地处理这个问题吗？
<html>
<head>
<style>
table.theGoods{
display:block;
z-index:20;
background-color:yellow;
font-family:ar
浏览 0提问于2012-01-24得票数 0
1回答
我试着用不同的图片制作两个不同的div。问题是，当我放置多个div时，第二个或第三个图像消失，只有CSS文档中的第一个图像出现。
HTML：
<div class="tokens">
<div class="imageGriff", id="testphoto"></div>
<div class="imageGriff" type="image" id="testphoto2"></div>
<div class=
浏览 1提问于2020-01-15得票数 0
回答已采纳
5回答
这是我的代码：
ul li {
display: inline-block;
position: relative;
top: -15px;
width: 800px;
border: 1px solid gray;
}
#home {
position: relative;
margin-left: -35px;
display: inline-block;
}
<nav>
<ul>
<li><a class="vari" href="..." id="home&
浏览 1提问于2015-08-25得票数 0
回答已采纳
6回答
这是否有可能在我的.myelement结构中总是将类的元素放在顶部呢？
<div class="zindex1">
<div class="myelement">
want THIS element always be on top
</div>
</div>
<div class="zindex2">
</div>
例如，这个CSS
.zindex1 {
z-index: 1;
background-color: blue;
height: 10
浏览 9提问于2017-12-29得票数 0
2回答
我有两个div claims-side-panel和alert-section。我需要添加claims-side-panel的position:fixed，以便它可以滚动移动。但是，如果我添加了position:fixed，那么它会干扰其他div的对齐，请检查我的以下代码
HTML
<div class="row">
<aside class="col-lg-4 mt-5">
<div class="claims-side-panel">
浏览 3提问于2018-07-23得票数 0
在浏览器窗口中水平居中放置元素(div，但这不是重点)时出现问题。与它的父元素相比，定位它没有问题，但希望它在水平方向上脱离它-但仍然保持它与它的垂直关系。也许我的要求太多了？:-)我可以用position:fixed来做，但是不管怎么说，元素在浏览器的一个位置冻结了……
#parent li {
display:inline;
text-align:center;
float:left;
position:relative;
padding: 12px 10px 4px 10px;
margin-right:10px;
height:
浏览 2提问于2013-04-04得票数 1
1回答
在另一个div中使用位置绝对值时，是否有可用的解决方案来阻止没有预定义高度的元素向上移动？
这就是定义高度时的样子。
：演示
.relative {
position: relative;
width: 600px;
height: 400px;
background:green;
}
.absolute {
position: absolute;
top: 120px;
right: 0;
width: 400px;
height: 200px;
background:blue;
}
.test { position:relative;
浏览 3提问于2014-01-04得票数 1
5回答
我有以下代码：
<td style="position: relative; min-height: 60px; vertical-align: top;">
Contents of table cell, variable height, could be more than 60px;
<div style="position: absolute; bottom: 0px;">
Notice
</div>
</td>
这根本不起作用。由于某些原因，没有在TD上读取pos
浏览 6提问于2010-12-31得票数 112
回答已采纳
我们是否可以始终使用position属性来放置相对、绝对值，而不是margin属性？或者有什么东西表明使用保证金是必须的？也许margin做了一些位置:绝对/相对/固定不能做的事情？
浏览 4提问于2016-04-07得票数 0
3回答
我有一个看起来像这样的DOM： <body>
<div id="main">
<iframe id="content"></iframe>
</div>
<div id="overlayWrapper">
<div id="overlay"><--THIS IS EMPTY DIV--></div>
</div>
</body> 在main目录中，我还有一些其他的东西
浏览 38提问于2019-03-17得票数 1
回答已采纳
2回答
我的情况是：
file1.css
.position-relative{ position : relative !important; }
file2.css
.my-class{
...
position : absolute !important;
}
my_page.html
...
<link rel="stylesheet" href="file1.css">
<link rel="stylesheet" href="file2.css">
...
<div cl
浏览 0提问于2020-02-26得票数 0
回答已采纳
我想知道如何删除徽标和分区之间的巨大间距
下面是我的HTML代码：
<main class="site-main page-main">
<center><img src="img/corelogo.png" alt="Post" height="180" width="180" style="position: relative; top: -210px;"></center>
<center>
<div
浏览 3提问于2017-08-26得票数 0
我会尝试在我的页面中找到所有的“绝对”元素；对于jQuery，我认为它应该是这样的
$('[position="absolute"]')
但是在ff 10.0.2上我找不到一个元素...
另外，我不能在上运行示例代码是不是这个语法有问题？
浏览 0提问于2012-03-19得票数 13
回答已采纳
1回答
设置不显示在子div上的背景图像
、、、、
关于我们和联系我们是我的两个部门。contact us部分的背景属性运行良好。但是，我现在想给两个div的父包装器添加一个背景图片。因此，背景图像可以看到以上两个div。我无法识别阻止我显示背景图像的问题。
index.html：
<div class="aboutus-contact-us-wrapper" >
<div class="about-us-section">
// content here
</div>
<div class="contact-us"&
浏览 2提问于2022-11-09得票数 0
回答已采纳
看这个。
代码：
alert( "slide-panel2 position: " + $('#slide-panel2').css("left") )
CSS:
#slide-panel2 { left: 0px; }
当实际值设置为WebKit时，为什么left position浏览器会将css left position值设置为auto？
在火狐和IE中，它会像预期的那样提醒0px。
编辑：
正如Alex在下面的中所指出的(我同意他的观点)：
因为元素的位置:静态(默认情况下)，所以它将忽略其布局的左属性。如果将“位置”属性设置为“绝对”
浏览 1提问于2012-09-03得票数 2
回答已采纳
1回答
我在一个包含子表元素的table上使用caption。在标题元素中，我有一个包含div的元素。应该在最上面的表的右边的两个链接。
但是，一旦我在标题上定义了除position: relative;之外的display: block;，它的大小就缩小到了第一个子表格单元的宽度。
请参阅
重要的CSS选择器：
table {
width: 100%;
margin-bottom: 1.8rem;
border-collapse: collapse;
border-spacing: 0;
}
caption {
background: none repeat
浏览 3提问于2013-06-09得票数 1
我是TypeScript的新手。我通过create-react-app创建了一个带有TypeScript的项目。而且我在那里用JSS。在某个时候，我发现一些CSS属性会抛出一个错误。
例如，下面是pointerEvents和position。每当我使用它们时，我都会发现一个错误。
(42,28): Argument of type '{ placeholder: { pointerEvents: string; }; wrapper: { '& select': { position: string; }; }; }' is not assignable
浏览 0提问于2018-10-12得票数 3
回答已采纳
我现在正在将React js修改为ts。它是类组件网。 我想通过道具获得css设置，并将其应用于元素。 我该如何解决这个问题呢？ render(){return(
<span style={{
position: this.props.position ,
left: this.props.left,
top: this.props.top,
height: this.props.height,
width: this.props.width
}} /> </spa
浏览 104提问于2021-09-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
