Html 将div水平切成两半
如何更改CSS以处理动态父div大小，并继续填充父div高度和完整宽度的一半Html 将div水平切成两半,html,css,Html,Css,如何更改CSS以处理动态父div大小，并继续填充父div高度和完整宽度的一半应用程序？具体来说，#innerpanelA和#innerpanelB 我尝试使用%值而不是固定大小，但失败得很惨。 一个纯css和html解决方案将是最好的，没有js，没有大小调整 致以最诚挚的问候给chessclockpanel height:100%，innerpanelA和innerpanelB height:50%。将两个子div（#innerpanelA和#innerpanelB）嵌套在父div（theapp
应用程序？具体来说，#innerpanelA
和#innerpanelB
我尝试使用%值而不是固定大小，但失败得很惨。
一个纯css和html解决方案将是最好的，没有js，没有大小调整
致以最诚挚的问候给chessclockpanel height:100%，innerpanelA和innerpanelB height:50%。将两个子div（#innerpanelA
和#innerpanelB
）嵌套在父div（theapp
）内，然后将以下代码添加到CSS中：
#innerpanelA {top:0; height:50%;}
#innerpanelB {top:50%; height:50%;}
top:0
元素将告诉#innerpanelA
无论div的大小，都要正好位于父div的顶部，并占据一半的空间（高度：50%
）
top:50%
元素将告诉#innerpanelB
坐在div的正下方，占据空间的下半部分（高度：50%
），无论div的大小如何
由于使用了%
，两个子div的高度总和将达到100%，并且将对浏览器大小、缩放等做出响应。这不起作用，看起来您没有给出chessclockpanel高度：100%确保向上投票并接受答案，以显示其他人是正确的。