sách gpt4 ai đã đi

Làm thế nào để căn chỉnh hai div ô trong một div bảng khi một div ô chứa một div được định vị tuyệt đối?

In lại 作者:行者123 更新时间:2023-11-28 10:44:41 30 4
mua khóa gpt4 Nike

当一个单元格 div 包含绝对定位的 div 时,如何在表格 div 中顶部对齐两个单元格 div?

在此示例中,不包含绝对定位的 div 的单元格 div 被下推。

HTML:



1 11 1





textThatIsBelow

on top





CSS:

body, html {
font-size:x-large;
margin:0px;
padding:0px;
}
#table {
display: table;
z-index: 5; /* So that other elements can be put above or below this. */
vị trí: tương đối;
}
#table > div {
display: table-cell;
}
#table > div > div {
vertical-align:top;
min-width:150px;
margin:10px;
background:grey;
}
#rightIsOnTop {
position:relative;
min-width:80px;
overflow:hidden;
}
#textThatIsBelow {
vị trí: tuyệt đối;
white-space:nowrap;
display:inline-block;
}
#textThatIsOnTop {
float: right;
position:relative;
display:inline-block;
background:red;
}

它们是这样呈现的:

nhập mô tả hình ảnh ở đây

这是我希望它们呈现的方式:

nhập mô tả hình ảnh ở đây

谢谢你的帮助

1 Câu trả lời

您忘记将 vertical-align: top; 添加到您的单元格 div 而不是您的内容。

应该是

#table > div {
display: table-cell;
vertical-align:top;}

https://jsfiddle.net/xg7a38yd/1/

关于html - 当一个单元格 div 包含绝对定位的 div 时,如何在表格 div 中顶部对齐两个单元格 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29664095/

30 4 0
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com