gpt4 book ai didi

css - 表格、td、div heigth 100% 不起作用

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

我的布局有问题。我想要 3 列:第一列和最后一列比中央列小。

这是 jsfiddle 示例:http://jsfiddle.net/CL333/

我有这个 HTML

 <body>
<div id="container">
<table>
<tr>
<td id="sinistra">
<div id="divsinistra">sinistra</div>
<td id="centro"><div id="divcentro">centro</div>
<td id="destra"><div id="divdestra">destra</div>
</table>
</div>
</body>

和这个 CSS

 html{
height: 100%;
}
body{
height: 100%;
}

#container{
min-height: 100%;
width: 100%;
}
#sinistra{
min-height: 100%;
width: 20%;
border: 1px solid red;
}
#centro{
min-height: 100%;
border: 1px solid red;
}
#destra{
min-height: 100%;
width: 20%;
border: 1px solid red;
}
table, table tr{
width: 100%;
min-height: 100%;
}
#divsinistra,#divcentro,#divdestra{
min-height: 100%;
}

问题是我希望这些列适合页面的整个高度,而在这种情况下它们非常小。我不知道还有什么地方可以将另一个高度设置为 100% :( 有人可以帮助我吗?
谢谢!

最佳答案

你错误地引用了你的标签

html{
height: 100%;
}
body{
height: 100%;
}

并且表格不适用于最小高度。

#container{
height: 100%;
width: 100%;
}

check this out

编辑我还忘了提到您的 html 标签没有正确关闭。

<table>
<tr>
<td id="sinistra">
<div id="divsinistra">sinistra</div>
</td>
<td id="centro"><div id="divcentro">centro</div></td>
<td id="destra"><div id="divdestra">destra</div></td>
</tr>
</table>

关于css - 表格、td、div heigth 100% 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15173750/

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