2回答
除了可以使用偏移值(顶部、左侧等)之外，Relative定位与默认static定位相同。
客观上，Relative似乎比static定位更强大。
在CSS中将所有元素重置为relative (并根据需要覆盖absolute )有什么缺点吗？
浏览 0提问于2012-01-31得票数 0
回答已采纳
4回答
我正在学习CSS，正在摆弄CSS的位置属性。据我所知，position:absolute将放置与浏览器窗口相关的元素，下面的所有元素都将被推到具有position:absolute的元素之前。但是当我运行小提琴时，我看到默认情况下元素放在h1标记的下面，而不是窗口的左上角。请让我知道我在理解上哪里错了。代码如下：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="s
浏览 1提问于2016-02-12得票数 0
3回答
因此，问题是相当明显的。现在我在div容器中有两个元素，它们应该是相邻的，但由于缺乏css技能，我需要您的帮助。所以，代码是相当原始的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8&
浏览 0提问于2014-04-08得票数 0
1回答
我对跨浏览器的CSS相当缺乏经验，所以如果这是简单的或明显的，我很抱歉。
我有一个带有JQueryUI自动完成/组合框搜索功能的传单地图。一切都很顺利。我让它看起来和我想要的Chrome一样。
如果我看一下Safari或Firefox中的组合框，就会看到大约一个像素(旁边的按钮是输入框上方或下方的一个或两个像素)。正如你在屏幕截图中所看到的，它看起来一点也不好。下面是CSS代码和屏幕截图。
我的问题是:我应该使用哪些CSS属性来使combobox跨浏览器对齐？是否有一个网站可以描述跨浏览器的不一致之处，这样我才能意识到它们？
当前与组合框相关的CSS：
.custom-combobox {
浏览 4提问于2013-10-02得票数 0
回答已采纳
CSS：
input[type='radio'] {
position: absolute;
left: 42.5em;
top: 29.5em;
}
input[type='radio'][value='no'] {
position: absolute;
left: 46.4em;
top: 29.5em;
}
HTML：
<input type="radio" name="relocate" value="yes"
浏览 1提问于2012-11-27得票数 0
回答已采纳
在我从过时的灰尘中更新CSS技能的漫长旅程中，我一直在尝试某些CSS属性-particularly z-index -我注意到了一些奇怪的东西，或者可能有某种特定的条件。
示例：
元素DIV1的父元素是cont，我已经将DIV1的position属性设置为absolute，但是当我移动它时，它是相对于它的父元素移动的。我的印象是，设置为绝对定位的项目是外部的常规流，并且仅相对于浏览器端口作为其父级移动。
我遗漏了什么？
如果小提琴链接不起作用，代码：
CSS：
.cont {
position:relative;
height:200px;
top:200px;
left:100px;
浏览 0提问于2013-01-18得票数 14
回答已采纳
我知道CSS的工作方式是，具有绝对定位的元素会找到最接近的非静态父容器。我只想知道为什么会这样？为什么绝对定位的元素不允许进入静态的父容器？
浏览 80提问于2021-11-21得票数 1
回答已采纳
这是我想得到的结果
这就是我到目前为止所得到的
我尝试将这两个带有类"wgs“的div放到另一个带有”块“类的div中，并尝试使用"display: inline”。但是不管有没有这个div，它在页面上看起来都是一样的。
我的html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mole.css">
<script type="
浏览 4提问于2022-10-22得票数 0
回答已采纳
1回答
HMTL5网站溢出-x
、、、、
我最近把我的“阿尔法”stage网站放在live - 上
我使用媒体查询将其完全编码为具有移动支持。当在浏览器中查看并使宽度变小时，它可以完美地工作。但是，当我在宽度为720像素的移动设备(三星Galaxy Note2)上使用它时，所有仅由页面背景填充的内容的右侧都会有一个空间。
我使用了100%的宽度，我还将overflow-x设置为隐藏多个元素。
使用上面的链接自己看一看。
这就是网站在我的设备上的样子。
有谁有什么想法吗？
以下是控制网站主要移动部分的所有样式表的链接。- -
下面是控制头部的html：
<html>
<head>
<title
浏览 3提问于2013-06-10得票数 0
回答已采纳
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
回答已采纳
1回答
我正在学习CSS，并查看此示例：
我不明白为什么当我删除父div的"position:relative“时，它会影响里面的文本。
据我所知，位置相对使您应用的html元素相对于它的原始位置进行定位。但是在这里，除了位置相对之外，他们没有设置任何属性，所以为什么需要它呢？
浏览 39提问于2018-06-19得票数 3
回答已采纳
2回答
下拉位置问题
、、、
所以，我有这段代码来显示div顶部的下拉列表，而不是它内部的下拉列表。问题是，当我滚动页面时，下拉块仍然固定在它打开的位置。
有没有办法让区块保持在div上方，但让它在滚动页面时移动？
感谢您的帮助！
(function() {
var dropdownMenu;
$(window).on('show.bs.dropdown', function(e) {
var topValue = e.relatedTarget.getBoundingClientRect().y
var leftValue = e.relatedTarget.getBoun
浏览 2提问于2018-05-15得票数 0
1回答
我有动态评论列表框。在每个评论框中，我需要在角落顶部显示徽章图标。我用css设置了这个图标的绝对位置。但在行动中，我看不到每个盒子的徽章图标。e.x :如果result 10 comments和php打印10 div，我看到1个徽章，因为10个徽章图标重叠。这个问题是因为:我在css中设置了top和right，并看到在一行中显示所有徽章图标( 10 )。有没有办法在动态内容中显示绝对位置？谢谢
Html：
<div class="commentbox">
<div class="badge"></div>
<!-- ..
浏览 2提问于2012-04-11得票数 0
回答已采纳
我正在学习教程，任何人都可以在8:10帮助我使用css，他告诉我们需要创建主标记，这样我们之后创建的对象就不会重叠，我想知道是否有更好的方法来实现.Can，我们在工具栏css中做了一些调整，使其固定，这样其他元素就不会在工具栏中重叠。
浏览 3提问于2020-06-27得票数 1
回答已采纳
2回答
相对于父级的绝对定位
、、、
我的假设是在使用绝对定位时，它是相对于父div的。然而，这个小提琴手似乎并没有与此相吻合。我要做的是做一个三排液体布局，中间排设置一个最小高度。顶部和底部有一个固定的高度。不幸的是，我只为IE7编写代码，并且没有在CSS中使用最小高度的奢侈。使用JQuery时，中心确实会调整大小，但是页脚不会相对于父类重新定位。下面是信息和弹琴。
浏览器: IE7
样式: CSS
HTML: 4.0严格
JQuery: 1.10.1
添加位置后的小提琴:包装的相对高度为100%
HTML
<div id="wrapper">
<div id="top"
浏览 0提问于2013-09-20得票数 0
回答已采纳
5回答
我有一个这样的代码：
$('#lol').css({ position: "absolute",
marginLeft: 0, marginTop: 0,
top: 0, left: 0});
问题是我的div是相对定位的，所以它是div的0点，而不是整个窗口。为什么会这样呢？
浏览 3提问于2011-06-28得票数 6
回答已采纳
我有下面的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
我正在制作一个网页，在内容的<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回答
我有一个div和一个需要修复的button。我的HTML代码如下：
<div id="MyMainContent" style="width:100%;float:left">
<div style="width:70%; float:left;">MyContent</div>
<div style="width:28%; float:left;left: 67%; position: fixed;">
<asp:Button ID="
浏览 0提问于2014-03-29得票数 2
5回答
我试图得到一个div在底部的视窗，但它似乎不能正常工作。我已经设置好了
html
<div class="parent">
<div class="bottom">
</div>
</div>
css
.bottom{
position:absolute;
bottom:0;
}
问题是父div的高度是从JS获得的，并像<div class="parent" style="height: 483px;">一样动态地向div添加了一些样式，所以基本上在我调整
浏览 2提问于2015-01-20得票数 2
5回答
我正在尝试创建一个水平100%堆叠的条形图使用HTML和CSS。我想使用DIVs创建具有背景颜色和百分比宽度的条形图，这取决于我想要绘制的值。我也想有一个网格线，以标记沿图表的任意位置。
在我的实验中，我已经通过分配CSS属性float: left来使条水平堆叠。然而，我想避免这种情况，因为它似乎真的以令人困惑的方式扰乱了布局。此外，当条形图浮动时，网格线似乎不能很好地工作。
我认为CSS定位应该能够处理这个问题，但我还不知道如何做到这一点。我希望能够指定几个元素相对于其容器左上角的位置。我经常遇到这种问题(甚至在这个特定的图形项目之外)，所以我想要一个方法，它是：
跨浏览器(理想情况下没有太
浏览 165提问于2008-09-19得票数 194
回答已采纳
我遇到的情况是，当用户向下滚动时，侧边栏的一部分会得到固定的位置，但是当我捕捉到这个位置并将固定的css应用到侧边栏元素时，它会固定到整个屏幕，而不仅仅是父级(这是侧边栏)
我如何正确地设置它？
浏览 2提问于2012-07-11得票数 7
回答已采纳
1回答
属性在表行中不被授予。
、、、
是否可以像使用jQuery移动表中的第一列那样保持顶部行的移动？
我用来在滚动期间保持第一列移动的代码如下所示。
$('#table-name').scroll(function () {
var _left = $(this).scrollLeft();
$('.firstTd').css('left', _left);
});
当我使用相同的技术对表row...through的属性进行顶层处理时，就会应用CSS，浏览器不会遵守它。
P.S:我在td元素上使用了左属性，并希望对tr标记应用相同的技术
这里的演示
浏览 1提问于2017-02-22得票数 0
回答已采纳
所以我有一个外祖父母的div叫做projects，还有一个叫做wiggle的父div。在扭动中，我将p元素设置为100%宽度。然而，它的宽度来自祖父母，而不是摇摆。我需要保持绝对定位的p，因为它的位置在父母的形象的边界顶部。我研究过这个问题，人们经常建议设置一个计算的宽度，所以我试了一下，它成功了……说大也大吧。
这个谜题最奇怪的一点是，当摆动转换正在运行时，宽度相对于父级和结束后发生了变化，宽度再次相对于祖父母。转换属性不试图以任何方式控制宽度。
请看我的小提琴。
.cork {
background-image: url("https://s28.postimg.org/w
浏览 0提问于2017-02-03得票数 0
回答已采纳
首先，对不起英语不好。我创建了以下代码: HTML：
<!DOCTYPE html>
<html>
<head lang="fa" dir="rtl" style="font-family: tahoma">
<meta charset="UTF-8">
<title>test</title>
<link rel="Stylesheet" type="text/css" href="st.c
浏览 1提问于2014-09-06得票数 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
回答已采纳
我需要一个有圆形图像的旋转木马。边界半径和溢出隐藏的Div工作良好，当它不是集成猫头鹰-旋转木马&我希望它在猫头鹰-旋转木马。任何帮助都将不胜感激。
$(document).ready(function(){
$(".testo").owlCarousel({
items:1
});
});
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
backgroun
浏览 2提问于2015-05-27得票数 1
回答已采纳
1回答
我正在尝试使用插件在html嵌套列表上实现一个可排序的特性。基于它的教程。
它适用于没有css的简单列表，但如果我应用一些样式，它就会出现故障。我的意思是动画从光标上飞开。
我的树：
<ul class="simple">
<li>Item 1</li>
<li>Item 2
<ul><li>Item 2.1</li></ul>
</li>
</ul>
JS:
var oldContainer;
$(".simp
浏览 1提问于2014-07-01得票数 0
回答已采纳
4回答
我正在做一个网站，它只有几行，我只是做了它的结构，看看它会是什么样子，直到现在，我认为我明白什么是“相对”的地位在CSS。这是我的HTML和CSS代码。如果您查看CSS，您将在#中看到div
position: relative;
top: 13%;
在#portfolio中
position: relative;
top: 0;
但这并不是在#wrap 之上。如果我将它的位置改为绝对，它将位于顶部。所以我的问题是：#投资组合div相对于什么？我认为它应该是相对于包装的，我认为它应该改变其相对于包装的最高位置。(对于这篇文章的格式设置很抱歉，如果你能把它格式化得更好，那就太棒了，我试过了，但它
浏览 2提问于2013-01-29得票数 0
回答已采纳
5回答
相对位置和绝对位置的区别是CSS，例如.style { position: relative；}
.style {位置:绝对；}
浏览 3提问于2010-05-31得票数 7
回答已采纳
在一个代码示例中，它实际上可能会上升50%，但在我尝试执行更多操作后，由于父css标记，它将保持不变。我该如何忽略它？
这是一个巨大的痛苦！
我尝试在CSS中做一个背景，然后当我试图使边距在50%后强制元素上升时，它保持在相同的边距高度。
有什么想法吗？
编辑这里是一些代码！
.backdropc {
background:#E7E7E7;
height:500px;
width:4500px;
margin-left:-100%;
margin-top:50px;
border: solid #C3C3C3 1px;}
css
html：
<iframe src="htt
浏览 0提问于2016-03-29得票数 0
1回答
仅包含CSS的模式窗口
、、、
这是可能的吗，或者我必须使用JavaScript将模式高度设置为body height？例如：
$('.modal').height($('body').height())
我不能使用这个CSS：
.modal{
position: relative;
height: 100%;
}
因为模态父高度是根据其他子高度计算的。
浏览 3提问于2013-04-01得票数 0
回答已采纳
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
回答已采纳
嘿，伙计们，我刚刚读完我的第一本xhtml/css书，现在正在读一本javascript/html的书。我想做一个非常简单的效果，但我不能弄清楚，因为我不熟悉jquery (还有javascript )。
所以我想要一个像这样的效果：
图像四处移动，但在其边界周围有一种“遮罩”，因此其固定位置固定，但图像移动(鼠标悬停)。一旦鼠标光标没有悬停在图像上，图像应该会迅速回到原来的位置，但这似乎很简单。现在我只是想弄清楚如何制作那个面具……使用静态图像和overflow:hidden属性很简单，但我认为animate()会将元素从流中删除，因为我不能让overflow正常工作。也许它也与positi
浏览 3提问于2012-04-21得票数 0
回答已采纳
html
<div style="width:50%;overflow:hidden">
<div id="inboxHeader">
<div id="inboxCount"><p>Earth</p></div>
</div>
</div>
css
#inboxHeader{
background-color:yellow;
浏览 5提问于2014-04-01得票数 5
回答已采纳
我听说一个绝对定位的元素相对于它的第一个非静态定位的祖先定位自己。但有什么更全面的原因吗？或者，对于静态元素来说，这只是一个任意的选择，而不是正确的选择。
我想我想知道CSS是否有统一的理论，也就是说，一个也许复杂但不那么复杂的理论。以这样一种方式勾勒出位置、静态和绝对的行为，这种相互作用是自然的结果。
我也无法在CSS规范中找到对此规则的明确引用；这可能会有所帮助。
浏览 2提问于2014-04-25得票数 0
回答已采纳
假设我有一个容器，我想把这个容器放到另一个容器中，这个容器也装满了其他东西。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
回答已采纳
4回答
我有一条短信。我想要创建一个黄色的圆圈背景时，悬浮的div，而不是光标。
到目前为止，我得到的是：
HTML:
<div id="board">
<div id="ball"></div>
Lorem ipsum dolor sit....
</div>
JQuery:
$(function(){
$("#board").mousemove(function(e){
var ball = $("#ball");
var ball
浏览 5提问于2014-01-28得票数 0
回答已采纳
1回答
我有一个网页，所有的工作如预期。我已经给出了一个“控制”(基于javascript)，但是即使使用HTML和CSS，它也不能工作！因此，为了把这一点讲清楚，我把JavaScript放在了不可能的范围内。
<!-- start js control-->
<div style="position:relative;">
<div style="position:absolute;">
asdf
</div>
<div style="position:absolute;">
asdf2222
浏览 5提问于2016-05-24得票数 2
回答已采纳
1回答
我的页面上有两个相对定位的区域，内容和页眉。
内容的z索引比标题高-这是对页面结构的要求。
我已经简化了HTML和CSS，以说明我在这里要做的事情：
这给标题中存在的下拉菜单带来了一个问题，因为它们显示在内容区域的下方，即使它们的z索引更高。
在示例页面上，请注意下拉菜单是如何位于内容区域下方的。
感谢在解决这个问题上的任何帮助。
浏览 1提问于2011-09-30得票数 0
3回答
目标:将button元素固定在main元素的底部。我试着把它定位为相对定位的容器，这样它就粘在底部了：
/* POSITIONING NOT WORKING. I WANT THIS DIV FIXED TO BOTTOM OF PARENT */
.wrapper:nth-child( 4 ) {
background-color: #bbb;
position: relative;
bottom: 0;
}
这根本不是移动.wrapper div。想法？
@import url( "https://necolas.github.io/normalize.css/la
浏览 6提问于2017-03-20得票数 8
回答已采纳
我的团队遇到了一个关于dojo combobox的奇怪问题。当我们将代码移到集成环境中时，dojo combobox开始不正确地呈现。我们验证了代码是相同的。奇怪的是，同一应用程序中的其他dojo组合框可以正常呈现。
集成服务器使用的是旧版本: 9.0.1 HF32 64位
它工作的单元服务器位于: 9.0.1 FP3 HF632
单元服务器渲染在左边，INTG服务器渲染在右边。
我的问题是，有没有人看过这个，他们知道如何修复它吗？
备注：
这在IE和Chrome中都会发生。它是从服务器来的错误。我们正在使用CIAO在不同环境之间进行推广(I hate).Upgrading is
浏览 36提问于2015-07-02得票数 -1
如何在不改变结构的情况下使包装器内部的<div>大于包装器本身？
<div class="page row1">
<div class="home-wrapper row2">
<div class="home-slider row3"></div>
</div>
<div>
CSS
.page { width: 100%; height: 400px; border: 1px solid #000; background: #e
浏览 8提问于2014-09-15得票数 1
我对左边导航条的设计有问题。特别是，我希望灰色的颜色条垂直显示整个页面。
现在，灰度栏就停在视口的末尾。有没有办法把酒吧扩展到无穷大？
下面是垂直导航条的CSS片段：
#navbar{
height: 100%;
position: absolute;
width: 70px;
background-color: #5e5e5e;
}
浏览 0提问于2015-01-28得票数 1
回答已采纳
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
回答已采纳
2回答
我正在尝试使用z- #features让索引div覆盖.title-image的一部分。当我将.title-image位置设置为绝对时，图像会变得比以前更大。我的问题是，如果.title-image包含在一个名为col-lg-6的div中，并且已经添加了大小尺寸，那么即使图像包含在一个div中，大小也会被抛出吗？我使用了另一个图像作为.title-image，这样您就可以看到我正在经历的事情。我做错了什么？
#title {
background-color: #ff4c68;
color: #fff;
}
body {
font-family: 'Montserra
浏览 2提问于2021-09-10得票数 1
2回答
我有一个HTML代码，如下所示；
<div>Content table with varying height</div>
<div id="buttons">
<TABLE>
<TBODY>
<TR>
<TD>2 buttons here....</TD>
</TR>
</TBODY>
</TABLE>
</div>
并且有一个CSS定义为；
div#button
浏览 0提问于2011-08-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
