gpt4 book ai didi

html - 如何使表格布局宽度等于容器宽度

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

我的 container-fluid 中有一个 table layout。如何使表格布局宽度等于容器宽度。

<div class="container-fluid">
<div class="table-layout">
<div class="table-cell fixed-width-100">
<p>fixed width div</p>
</div>
<div class="table-cell">
<p>fluid width div</p>
</div>
<div class="table-cell fixed-width-100">
<p>fixed width div</p>
</div>
</div>
</div>

.table-layout {
display:table;
width:100%;
}
.table-layout .table-cell {
display:table-cell;
border:solid 1px #ccc;
}

.fixed-width-100 {
width:100px;
overflow-y:scroll;
}

如何使表格布局宽度等于容器宽度。两侧都有一些填充和边距。附件是屏幕截图。

enter image description here

最佳答案

我认为您的问题来自 <body> 上的填充或边距标签。添加:

html,body{
margin:0;
padding:0;
}

DEMO

关于html - 如何使表格布局宽度等于容器宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24629753/

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