0

我想是这样一个网站上的栅格中的自举3:如何制作响应式网格,其中第二个元素是Youtube上的最后一个移动网站?

桌面(%)=(宽度):

ELEMENT1 (50%) ELEMENT2 (50%) 
ELEMENT3 (50%) 

手机:

ELEMENT1 (100%) 
ELEMENT2 (100%) 
ELEMENT3 (100%) 

的问题是,即元素3上桌面总是低于ELEMENT1和ELEMENT2的总高度。

但它应该总是在ELEMENT1之下!

另一个更实际的例子,YouTube视频:

桌面版YouTube视频:

VIDEO (70%) SUGGESTEDVIDEOS (30%) 
COMMENTS3 (70%) 

移动版YouTube视频:

VIDEO (100%) 
SUGGESTEDVIDEOS (100%) 
COMMENTS3 (100%) 

我目前的解决方案有问题,如果VIDEO中高度不比SUGGESTEDVIDEOS高度,在桌面视图中的VIDEO和COMMENTS之间存在差距。

如何在桌面视图中使这3个盒子的视频和COMMENTS之间没有间隙?

回答

相关问题