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之间没有间隙?