有人可以解释为什么我div与table-layout:fixed正在改变它的父元素的宽度(body在这种情况下),使其100%时,它不应该是100%,因为它的定位？
body {
border: 2px solid red;
height: 100vh;
margin:0;
padding: 0;
position: absolute;
}
.c{
display: table;
width: 80%; /* Any percentage value different from 0 */
table-layout:fixed;
outline: 2px solid blue;
}<div class="c">d</div>正如你可以在上面看到,增加table-layout:fixed迫使身体是全宽和百分比width上div会相对工作到width的body!
以下片段不是这种情况,其行为在某种程度上是合乎逻辑且直观的:
body {
border: 2px solid red;
height: 100vh;
margin:0;
padding: 0;
position: absolute;
}
.c{
display: table;
width: 80%;
/* table-layout:fixed; */
outline: 2px solid blue; …