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

css - 绝对 Div 填充窗口的剩余部分

In lại Tác giả: Walker 123 更新时间:2023-11-28 13:33:51 30 4
mua khóa gpt4 Nike

我有 3 个 div,都是 positioned: absolute,但是我想要填充窗口宽度的 div 只会适应其中文本的长度。我希望黄色 div #help 填充窗口的其余部分。

我知道这听起来很菜鸟,但我无法在任何地方找到解决方案。

tab1

tab2

help


#tab1 {position: absolute;
bottom; 0px;
right: 0px;
width: 50px;
chiều cao: 20px;
màu nền: xanh lá cây;
}


#tab2 {position: absolute;
bottom; 0px;
phải: 50px;
width: 50px;
chiều cao: 20px;
màu nền: màu vàng;
}

#help {position: absolute;
bottom; 0px;
right: 100px;
chiều cao: 20px;
màu nền: đỏ;
}

JS fiddle :http://jsfiddle.net/FBWzX/

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

如果想让#help拉伸(stretch),可以同时设置bên tráiPhải值。这个技巧也适用于 topbottom。绝对定位元素非常灵活。

#help {
vị trí: tuyệt đối;
trái: 0;
right: 100px;
}

jsFiddle Demo

关于css - 绝对 Div 填充窗口的剩余部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10562093/

30 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