cuốn sách gpt4 ai đã làm

css - 绝对位置在不同的分辨率下工作正常,即使它的顶部没有相对位置元素

In lại Tác giả: Walker 123 更新时间:2023-11-28 12:31:41 29 4
mua khóa gpt4 Nike

我只是想知道,因为我一直听说绝对位置会在不同分辨率下弄乱页面。出于某种原因,即使没有将它包裹在相关元素周围,它对我来说也能正常工作。这怎么可能?我只是想明白。

这是我的CSS:

thân hình
{
background-image:url('images.jpg');
background-repeat:repeat-x;

}

.主页 { 边距顶部:100px; 宽度:900px; margin :自动;

.gridline {
nội dung:"";
height:1px;
background:-moz-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
background:-webkit-linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
background:linear-gradient(left, #FFFFFF 0%,#000000 50%,#FFFFFF 100%);
chiều rộng: 100%;
hiển thị:khối;
}
.empbox
{
chiều cao:30px;
background:-moz-linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
background:-webkit-linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
background:linear-gradient(left, #FFFFFF 0%,#6C8483 50%,#FFFFFF 100%);
chiều rộng: 100%;
hiển thị:khối;
color:White;
margin-top:190px;
padding-top:10px;
clear:both;

}

.menu
{
color:black;
margin-top:-110px;
vị trí: tuyệt đối;
}
.menu ul
{
kiểu danh sách: không có;
hiển thị:nội tuyến;
nổi:trái;
padding-left:40px;
}
.menu li { float:left; margin-left:20px;}
.menu li:hover
{
padding:0px 15px 0px 15px;
font-size:xx-large;
font-style:italic;
border-bottom:3px solid #6C8483;
padding-bottom:10px;

}
.menu li a {
trang trí văn bản: không có;
font-style:oblique;
color:black;
font-weight:bolder;
font-size:large;
}
.menuwrap
{
overflow:visible;
vị trí: tương đối;
}

HTML


我想指出的是,我没有在 body 元素中设置任何东西,只有一张图片背景。再一次,我只是想了解以避免任何 future 的问题。我认为将绝对值包装在亲戚中可以避免此类问题,但显然即使我删除亲戚也没有任何改变。我使用称为分辨率测试的 chrome 扩展程序进行了测试。我还有一个问题,当你将一个元素设置为 relative 时,它是相对于什么的,body 还是它顶部的元素?如果它的顶部没有元素,它是相对于 body 大小的吗?如果 body 中没有设置宽度或高度,那么它是如何工作的?

Cảm ơn!

câu trả lời hay nhất

绝对定位的元素是相对于容器定位的。如果未指定,则它是相对于窗口的。我从来没有听说过/看到任何关于位置和屏幕分辨率的问题...除了您的浏览器可能会在您的分辨率更改时更改宽度/高度这一事实之外?

这就是全部,无论是否在 html/body 宽度和高度的 css 中设置了什么。

关于css - 绝对位置在不同的分辨率下工作正常,即使它的顶部没有相对位置元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18197104/

29 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress