全屏vlc，底部有控件

Question

我是css的新手，并将VLC嵌入到全屏网页（自助服务终端应用）中，屏幕底部有一些控件。

你能告诉我css应该怎么写吗？

---------------------------------------------------------
|div-doc                                                |           
|+-----------------------------------------------------+|
|| div-vlc                                             ||
||                                                     ||
||                                                     ||
||                                                     ||
||                  MOIVE HERE                         ||
||                                                     || no y-scroll
||                                                     ||
||                                                     ||
||                                                     ||
||                                                     ||
|+-----------------------------------------------------+|
|+-----------------------------------------------------+|
||div-control                                          ||
|+-----------------------------------------------------+|
---------------------------------------------------------
                    no x-scroll
note: 1. div-doc has 2 sub-divs (div-vlc and div-control)
      2. div-control always at bottom
      3. background of everything should be black

谢谢大家

- 编辑1--

body{background:black}
#div-doc { width: 100%; height: 100% }
#div-vlc { height: 95%}
#div-control {height: 5%}

但是当div-doc指定为100％时，为什么我仍然会得到y-scroll？

Answer 1

一个简单的CSS，用于显示整个页面上的布局而没有滚动条，就像这样

body { margin:0; padding:0; overflow: hidden; }
#div-doc { width: 100%; height: 100%; }

Answer 2

如果Window不会调整大小，那么你可以使用position：fixed;在div上并将它们放在相对于窗口的位置。因此，您可以将最下面的div放在下面，将VLC项放在其上面。

这样可以很好地工作，因为控件的大小是固定的（即图像按钮）。