gpt4 book ai didi

html - 从特定点到窗口边缘的 div 的 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 15:35:33 25 4
gpt4 key购买 nike

我有一个 HTML div 定位在某个点(position: absolute; top: ...; left: ...)。如何使 div 从该点跨越到页面边缘,并随着窗口大小的调整而缩放? IE。 - 与 width: 100% 相同的行为,但 div 的左上角位于特定的任意点。

最佳答案

如果元素是绝对定位的,你可以给它的top、left、bottom和right属性赋值:

   <html>
<head>
<style>
#foo{
position: absolute;
top: 10px;
left: 10px;
bottom: 0;
right: 0;
background-color: red;
border: 5px solid blue;
}
</style>
</head>
<body>
<div id="foo"></div>
</body>
</html>

关于html - 从特定点到窗口边缘的 div 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9224514/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com