CSS位置:绝对；+字号
CSS位置属性用于指定元素的定位方式，其中绝对定位（absolute）是一种常用的定位方式之一。当将元素的位置属性设置为绝对定位时，元素会相对于其最近的已定位的父元素进行定位。
绝对定位的特点包括：
- 元素的位置通过top、right、bottom和left属性来确定，可以使用这些属性来精确地指定元素在页面中的位置。
- 元素的定位不会影响其他元素的布局，即其他元素不会受到绝对定位元素的影响。
- 如果没有已定位的父元素，绝对定位元素会相对于文档的初始包含块进行定位。
绝对定位适用于以下场景：
- 创建浮动元素，使其脱离文档流，并可以通过top、right、bottom和left属性来精确地控制其位置。
- 创建覆盖效果，例如弹出框、下拉菜单等，可以通过绝对定位将其放置在页面的任意位置。
- 实现元素的层叠效果，通过z-index属性可以控制绝对定位元素的层级关系。
腾讯云相关产品中，与CSS位置属性的绝对定位相关的产品是腾讯云CDN（内容分发网络）。CDN可以将静态资源（如CSS文件）缓存到离用户最近的节点上，加快资源加载速度，提升用户体验。腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
我有一台服务器，上面有几个站点，我在一个默认的虚拟目录中有一个asp.net应用程序。
我想要做的是在站点上使用绝对路径(\include，\css)，因为它将被迁移到它自己的站点，并且我不想与亲戚打交道。
就asp.net应用而言，有没有办法将虚拟目录设置为“根目录”？
浏览 7提问于2011-08-27得票数 0
回答已采纳
2回答
I tried almost all the available option, but my font is not included in generated PDF file.
I tried base64 bit solution , converting css files to .scss and many more.
所有东西都是在assets.rb下定义和预编译的，application.rb.Please会让我知道我遗漏了什么。我遵循的解决方案，但徒劳无功。样本代码：
@font-face {
font-family: 'Source Sans Pro Ligh
浏览 1提问于2015-12-29得票数 0
回答已采纳
ASP.NET虚拟路径在何处解析链接中的波浪号~，例如
<link rel="stylesheet" type="text/css" href="~/Css/Site.css" />
它是重定向的，还是ASP.NET MVC中的RedirectToAction？
浏览 2提问于2010-12-30得票数 13
回答已采纳
在使用
app.UseStaticFiles(requestPath: "/static")
，通过生成的路径
<link rel="stylesheet" href="~/css/global.css"/>
是
<link rel="stylesheet" href="/css/global.css"/>
而不是预期的
<link rel="stylesheet" href="/static/css/global.css"/>
浏览 3提问于2019-02-14得票数 0
1回答
正如我们在图像中所看到的，wireshark捕获的数据包的TCP层的seq数是45943 (十进制)，它由十六进制数字61a08950表示。很明显，十六进制数到十进制的直接转换并不等同于45943，那么这个数字是如何存储的呢？，它是编码的还是类似的？
浏览 4提问于2017-05-12得票数 2
回答已采纳
2回答
我在Mac上编写了一个bash脚本，它创建了一个符号链接，但是当我尝试打开我创建的符号链接时，它没有转到任何地方，并且我得到一个错误，它找不到原始的符号链接。
OriginalPath="~/PathTo/bundle1.bundle"
NewPath="/OtherPath/bundle1.bundle"
sudo ln -s $OriginalPath $NewPath
我也尝试过这个：
sudo ln -s ${OriginalPath} ${NewPath}
浏览 0提问于2011-12-01得票数 3
回答已采纳
3回答
我使用Visual Studio2010基于Web应用程序模板创建了一个新项目。
我什么都没改变。请注意，Login.aspx和Default.aspx都引用了网站根文件夹中的同一个Site.Master母版页。Site.Master使用相对URL "~/Styles/Site.css“引用CSS表。
波浪号不是指网页上标识的“您的当前位置”吗？
既然Login.aspx页和Default.aspx页都在不同的文件夹中，而它们又都使用同一个母版页，那么这个相对url如何才能正确地指向CSS页呢？
浏览 0提问于2011-06-01得票数 2
回答已采纳
一开始，我就不是一个程序员。这很奇怪，但问题越难我也能找到答案(谷歌任何人？)或者弄清楚(不，真的，是谷歌)。简单的东西(我知道这是因为我知道)？我真的遇到麻烦了。
我正在使用MVCMailer + Razor。我让它发送一封邮件(转储到c:/)，一切都很好。我花了一些时间设置我的邮件(我仍然在玩弄逻辑-也许是一个关于不同主题的未来问题)，我花了一些时间来设计它。几个解释性的(几个小时后)，我弄不明白这一点。
首先，我正在从MVC2转换(使用工具升级，页面工作等)。首先，我继续使用Helper类在_Layout.cshtml类中引入样式表：
1) <head> ... <li
浏览 4提问于2011-03-31得票数 2
回答已采纳
1回答
下面是我在/etc/udev/rules.d/70-persistent-cd.rules中创建的一个简单规则：
ACTION=="remove", ENV{DEVTYPE}=="usb_device",
ATTRS{serial}=="NA453QQS", SUBSYS\
TEM=="usb", RUN+="~/1/linux/MyCode/Code/run.sh"
run.sh非常简单，它使用insmod和rmmod在内核中插入和删除模块。
现在，我的外部驱动器被添加和删除，但run.sh无法运行。这里
浏览 4提问于2014-09-21得票数 0
我正在尝试在我的create-react-app项目中包含一些CSS。CSS来自第三方NPM包，因此它位于node_modules目录中。
我试过了：import '/node_modules/packagename/css/styles.css';
但是我得到了一个错误：
找不到模块:您试图导入位于项目src/目录之外的/node_modules/packagename/css/styles.css。不支持src/外部的相对导入。您可以将其移动到src/内，或者从项目的node_modules/添加一个指向它的符号链接。
我不希望将CSS移动到src/，这样它就可以通过NP
浏览 132提问于2017-08-13得票数 51
回答已采纳
1回答
带有下面class="checkMax3"的表单显示的文本比应有的要小几个像素。在Chrome中，像小写字母"p“和"q”这样的字母延伸到字段底部的下方。在IE 8中，这些相同字母的底部不会显示。
如果我没记错的话，这个问题是在我将下面的Javascript应用到字段之后出现的。
你知道我怎么才能让像"q“和"p”这样的字母完全适合这个字段吗？字段似乎足够高，可以容纳字母，但文本在字段中似乎太低了大约5个像素。
提前谢谢你，
约翰
javascript：
<script language="javascript" type=
浏览 0提问于2010-08-17得票数 0
通过遵循，我创建了一个go lang项目，并通过Visual Studio Code打开了它。
代码本身工作良好我可以运行服务器，但不知何故VS代码显示
cannot find package "appengine" in any of:
/usr/local/Cellar/go/1.8.3/libexec/src/appengine (from $GOROOT)
/Users/ironsand/go/src/appengine (from $GOPATH)
我认为我必须为Google App Engine设置GOROOT，但根据的说法，我不应该这样做。
如何让
浏览 0提问于2017-09-13得票数 10
1回答
所以我有这个CSS代码
.body .card .card_img:hover, <- works
.body .card .card_bg_layer:hover ~ .card_img <- does not work {
border-radius: 2px;
box-shadow: 0px 0px 18px black;
max-width: 85%;
max-height: 100%;
left: -20px;
top: -20px;
}
.body .card .card_img:hover ~ .card_bg_lay
浏览 1提问于2021-05-02得票数 0
1回答
我正在与asp和asp.net页面一起工作。我想在我本地的iis (v5.1)中托管应用程序，但后来了解到iisexpress适合我的需求。但是不管我是使用iis 5.1还是iis express，我似乎都有一个问题。
我使用的asp页面引用驻留在不同虚拟目录中的静态资源(css、javascript等)。例如，css文件include将如下所示。
<link rel="stylesheet" href="/common/include/style/css.css"/>
如果这样的东西是从测试环境中运行的，那么上面的url将解析为：
http://t
浏览 15提问于2011-05-31得票数 0
1回答
我正在用GeneXus开发一个WebPanel。我需要在一个由用户上传的pdf文件的特定位置写文本。我怎么能做到这一点？我看到了"PDF工具“库，但似乎我只能添加图像到PDF的这个库。
浏览 3提问于2018-02-20得票数 0
回答已采纳
我试图在3D view map绘图中重新创建一个2D脉冲图，但是tic标签的放置、抽动长度和自动边距相差很大。
边距可能通过适当的set <x>margin ...命令来固定，但ticlabel位置和tic长度仍将不同(至少对于qt、pdfcairo和cairo胶乳来说是如此)。有没有任何方法来强迫情节抽象思维与情节相同？我是不是漏掉了什么，还是这是个虫子？(使用splot的原因是，在最后的图片中，我将包含一个pm3d热图，这是我在这个问题中省略的)
$DATA << EOD
875.8099999999999454 7.03186475905151803
浏览 5提问于2022-02-21得票数 0
我有以下代码来检索特定文本div的字体系列，以便将其设置为编辑器的下拉(选择)字体选择器：
//getter for fontFamily
function getFontFamily(inner) {
var fontFamilyVal = $(inner).css("font-family");
console.log('current font family is ' + fontFamilyVal)
$("select#fontFamily option").each(fun
浏览 4提问于2013-10-05得票数 0
回答已采纳
我正试着用webpack把less编译成css
对于less-loader，我得到了一个失败的模块构建
near lines:
/* this is a comment */
@import '~/styles/obj.less';
我不想删除~，我读到过，webpack 4认为这是在节点模块文件夹中？我也不想添加来自import语句的.less。我正在尝试理解如何在不破坏构建和寻找解决方案的情况下使用代字号。
这是我的webpack配置规则部分
config.module.rules.push({
test: /\.less$/,
inc
浏览 0提问于2019-05-20得票数 0
1回答
我有以下HTML/CSS页面，它成功地将图像文件居中于引导带3页的中间：
<head>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></sc
浏览 1提问于2013-08-07得票数 1
我想在我的Eclipse中的简单java项目中创建一个嵌入式H2数据库。如何以编程方式完成此操作，并将数据库打包到代码中？我为此尝试了一个，但在我的代码中得到了一个错误。
代码-
public static void main(String[]args){
JdbcDataSource ds = new JdbcDataSource();
ds.setURL("jdbc:h2:˜/test");
ds.setUser("sa");
ds.setPassword("sa");
try {
C
浏览 0提问于2014-08-31得票数 3
回答已采纳
我是个菜刀和厨师配置管理系统的新手，我也在尝试使用刀子命令行创建一个ec2 ubuntu实例节点。
我可以运行刀节点列表和刀节点显示node_name。但是当我运行下面的命令时，我得到了一条错误消息，它还说使用-I而不是-i。
knife ec2 server create -I ami-10206d42 -S ~/key.pem -i ~/key.pem --region ap-southeast-1 --flavor t1.micro --ssh-user ubuntu --groups default
这是错误消息
Fog::Compute::AWS::NotFound: The k
浏览 2提问于2013-03-04得票数 0
回答已采纳
为什么SSH不工作？
我一直在..。
ssh: connect to host ec2-11-11-11-11.compute-1.amazonaws.com port 22: Operation timed out
当我尝试连接我的亚马逊EC2服务器时，一开始我以为它是某种防火墙，但我没有防火墙，我可以通过SSH连接到我的MediaTemple服务器。
我的pem的chmod是600。这就是我尝试ssh的方法..
ssh -i ~/.ssh/ServerKey.pem ubuntu@ec2-11-11-11-11.compute-1.amazonaws.com
我有一个AMI ID: ami
浏览 1提问于2011-04-27得票数 5
回答已采纳
1回答
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<div style="display:inline-block;fl
浏览 3提问于2017-08-21得票数 0
我知道还有很多类似的问题，但没有一个问题给了我答案。这是没有抛出错误，我看不到任何错误或语法错误。
我正在尝试使用jquery制作一个google字体选择器(某种程度上)：
联署材料：
$("#submit").click(function () {
var fontFamilyOrig = $("#font").val();
var prefix = "//fonts.googleapis.com/css?family=";
var fontFamily = fontFamilyOrig.split(' '
浏览 4提问于2015-07-20得票数 0
2回答
css和js文件的路径
、、、
我的静态生成的jekyll网站位于/var/www/myname
通过apache映射，这个网站可以在mycompany.com/myname上访问。
现在，在我的_layouts文件夹中，我有一个对所有人都通用的模板，包括页眉和页脚。
此模板在文件夹/var/www/myname/css和/var/www/myname/js中使用css和JS文件，如下所示
src = "js/myscript.js"
src = "css/style.css"
这对于/var/www/myname/index.html来说很好
现在，我在/var/www/myname/abo
浏览 6提问于2013-11-07得票数 0
回答已采纳
1回答
我已经把我的CSS头撞在墙上好几个小时了。我不知道我做错了什么，但我肯定会欣赏一些洞察力。
我有一个视图，该视图由具有图像和文本的内容类型填充。我试过至少三种粘脚的方法，但都没有用。
我们采取了bartik和修改CSS，因为我们已经向前迈进。我不知道是否有一些css残存的巴蒂克造成的破坏或我自己的CSS无能。但是我们需要把它修好，任何帮助都是非常感谢的。
史考特。
浏览 0提问于2013-02-01得票数 0
例如，如果我在aspx文件中包含以下内容：
<link href="../Css/StyleSheet.css" rel="stylesheet" type="text/css" />
用"..“指示上一目录级别。
每当我将aspx页面移动到不同的目录级别时，我都必须重新设置它。如何将其设置为相对于项目文件夹的根目录？(因此，如果我将项目文件夹移动到其他地方和/或将aspx页面移动到更高/更低的目录级别，我将不需要再次设置它？
浏览 2提问于2013-09-29得票数 3
1回答
我希望我的图标在我的文本旁边垂直居中，但有奇怪的大小差异，这使它变得困难。
为什么我的图标字体呈现这些奇怪的大小差异？
我使用Bootstrap中使用的图标字体方法(使用psuedo元素: put将内容放入)。
这是<i class='icon'></i>大小。
这是<i class='icon'></i>：之前的大小。为什么会有所不同？
HTML：
<h2>
<i class="ss-picture"></i>
Creatives
&
浏览 0提问于2014-12-18得票数 0
1回答
如何将prev和next按钮放在侧面的滑块上？就像这样：
这就是我现在的样子，
我在用猫头鹰旋转滑块..。
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
center:true,
items:2,
loop:true,
nav:true,
margin:10,
stagePadding: 20});
});
owl.on('mousewheel', '.owl-stage', function (e) {
浏览 0提问于2018-06-28得票数 1
回答已采纳
我正在尝试下面的代码，看看是否可以让它扩展这些位置的绝对路径，以便我可以将它们用于NSFileManager操作，这些操作在我使用代字号和相对路径时会失败。
我正在用Objective-C的Xcode开发一个命令行应用程序。我可以从命令行运行该程序，它会为我扩展路径，但是从Xcode中的目标位置，我使用$PROJECT_DIR和$HOME传递命令行参数的值，以达到此目的。问题是我需要转到$PROJECT_DIR/..这不是用NSFilemanager解决的。
看起来URLByResolvingSymlinksInPath或URLByStandardizingPath并不像我期望的那样工作。还有
浏览 0提问于2013-07-01得票数 5
回答已采纳
2回答
如何将每篇文章的href链接更改为css，js代码，而无需手动操作？我写的每篇文章都被放在不同的文件夹中，每篇文章的开头都有一个链接到css/set.css等的模板。
这是我的示例文章模板代码:示例文章页面
<link href="css/slider.css" rel="stylesheet" type="text/css" media="screen" />
<!-- jquery -->
<script type="text/javascript" src
浏览 5提问于2009-11-26得票数 0
回答已采纳
2回答
这个问题交给css向导。我在谷歌上搜索过这个，却找不到答案。在这一点上，我不确定这是否有可能：
我如何指定一个元素在另一个元素中的位置，可以这样说？
我想说的是“把元素内部的x像素放在外部的左边框的右边，而不管外部在什么地方。”
这在javascript中可能是可能的，但不应该使用css吗？
浏览 2提问于2012-07-07得票数 0
回答已采纳
我试图使div显示在悬停，但我希望它悬停在div已经存在，而不是按下现在的div。我认为z指数会有帮助，但这是行不通的。有人能给我一个好的建议吗？
Jquery
$(document).ready(function(){
$('#services-skills').hover(function(){
$('#services-skills').css('position','relative');
$('.service-info').css("display"
浏览 3提问于2013-09-16得票数 0
回答已采纳
1回答
我有这个：
但是如果我删除了一个选项，我就得到了这个：
我想要一种方式，无论选项数，上面的差距总是相同的。
到目前为止，我已经：
<div
className={css`
position: absolute;
margin-top: -150px;
background: #fff;
width: 100%;
box-shadow: 0 0 0 0, 0 0 2px 0 rgba(43, 45, 80,
浏览 5提问于2022-10-31得票数 0
我在网页上有一个固定的元素(菜单选项卡)，这样当iPhone键盘打开时，菜单就会被重新定位在滚动页上，以待在窗口中。当键盘关闭时，我希望元素基于页面加载CSS返回到它原来的位置。
如何删除在焦点上添加的滚动事件？这似乎是问题所在，我下面的代码不起作用。
另外，是否有一种方法可以保持元素的位置，并使页面在其后面平滑滚动？在滚动发生后，我的代码会将元素抓取到适当的位置。
谢谢!
固定元素的CSS：
#fixed-floating-menu {
position: fixed;
right: 0;
top: 103px;
z-index: 9999;
background-col
浏览 3提问于2017-03-02得票数 0
回答已采纳
这段代码：
<% string path = Request.ApplicationPath.ToString(); %>
<link href="<%= path %>/Content/Site.css" rel="stylesheet" type="text/css" />
返回以下内容：
<link href="../Views/Shared/%3C%25=%20path%20%25%3E/Content/Site.css" rel="stylesheet" type
浏览 1提问于2011-03-09得票数 0
回答已采纳
1回答
我有#头和#页。
两者相对定位，我不想使标题固定，但我希望它重叠#页。
红色位是#头，深绿色是#页。我试图使#页眉与#页面重叠，但不要让#页面的内容与#页眉重叠！
我想申请的理论是。
1)查找#header的.outerHeight 2)将高度加倍3)将其作为填充顶应用于#页面4)将高度不翻一倍作为切边顶
请帮帮忙，我不知道该怎么做，下面是我一直在做的事情：
$(window).on("ready resize", function() {
if (window.innerWidth > 1024) {
var pageT
浏览 1提问于2014-08-26得票数 0
回答已采纳
1回答
我在一个Box中有一个Grid item，目前Box被附加到网格的左上角。现在，我想让Box保持在网格的中心。我试过证明，justifyContent，align，alignItems，但没有一个有效。请帮帮我
这是我的代码：
const singleBox = {
border: 1,
borderColor: "black",
borderStyle: "solid",
borderRadius: 16,
width: 485,
height: 300,
align: "center",
浏览 4提问于2021-05-19得票数 0
回答已采纳
1回答
CSS3动画从中心向外扩展
、、、、
制作一个网站，并真正进入CSS3动画的第一次。理想情况下，我希望这两个灰色边框从中间的标志向外动画。我现在有他们的动画，但他们只能从左到右。他们是通过在边界底部两边都有一个div来完成的。正因为如此，我认为动画化div的宽度从0到100是最好的方法。效果很好..。只是方向不对。
注意: CSS使用的是手写笔，所以没有正常的语法。
动画关键帧：
@keyframes widthExpand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
赋值类：
.fadewidth
animation-name widthExpa
浏览 0提问于2018-04-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回答
我有一个视频，我想在一个iframe的顶部播放，然后当它完成时删除它，但我不能使视频出现在iFrame之上。有什么窍门吗？我试过CSS z-index，但没有用。我有一个这样的代码：
<html>
<head>
<title>Enormous Wedding III</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class =
浏览 1提问于2015-06-26得票数 0
我对ASP.NET比较陌生，不知道有没有人能告诉我什么时候应该使用相对引用(例如../ASP.NET/banner_tinga.jpg)和波浪号(例如~/image/banner_tinga.jpg)。根据不同的情况，您可以使用这两种方法来实现相同的目标。每种机制的优缺点是什么？相对引用的一个论点似乎是Visual Studio在设计时不喜欢代字号引用的资源。每当我引用css文件时，它就会指出找不到它的原因。
致敬，javacavaj
浏览 6提问于2008-12-31得票数 2
回答已采纳
1回答
我试图重叠画布，但浏览器没有显示重叠。
HTML代码
<!DOCTYPE html />
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge">
<title>well Trajectory</title>
<link rel="Stylesheet" href="main.css" />
</head>
<
浏览 3提问于2012-10-17得票数 0
回答已采纳
1回答
所以我得到了一个叫做userinfo.js的类，它只是一些文本，如下所示。
import React from "react";
import "./Userinfo.css";
export default function Userinfo() {
return (
<div className="info-background">
<div className="userinfo-textbox">
<p className="heading&#
浏览 3提问于2021-07-02得票数 1
回答已采纳
我尝试使用底部总是带有脚注元素的html页面，我遵循这个，一切都很完美。
但是我发现，如果从CSS类“包装器”中移除属性" position :relative“，那么页脚将有一个错误的位置，如下面的图像所示。
因为我对CSS不是很熟悉，所以我想知道为什么在这种情况下需要“位置:相对”。
CSS：
html,
body {
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#header {
background:#ededed;
paddi
浏览 2提问于2015-10-17得票数 0
回答已采纳
注意:要查看搜索栏，请确保在全屏中打开代码段。
谁能帮我修一下这个搜索按钮，这样当我滚动的时候，它就不会向下移动了。
我把它设置为位置:固定的，但出于某种原因，它仍然向下滚动。
这是我的网站到目前为止，我有搜索栏在极右角。请参阅下面的片段(也请在全屏中查看，以正确查看搜索栏)：
<!DOCTYPE html>
<html>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
&
浏览 7提问于2020-06-21得票数 0
我有两个div，我想使用相对定位将它们放在彼此的顶部。
<div id="display_background">
</div>
<div id="display_foreground">
<div id="home">
This is the home page
</div>
<div id="info">
This is the info page
</div>
<
浏览 4提问于2012-05-24得票数 0
回答已采纳
3回答
我已经在论坛上通过了几个答案，但没有任何成功。我正在使用Linux mint，Python 3.6.0，我试图在Python中打开CSV，但随后出现错误：
file = open("~/Desktop/xyz/city.csv", "rb")
FileNotFoundError: [Errno 2] No such file or directory: '~/Desktop/xyz/city.csv'
我的代码：
import csv
file = open("~/Desktop/xyz/city.csv", "rb
浏览 31提问于2017-02-11得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
