HTML – 使用CSS进行布局(或者我应该放弃并使用表格?)

前端之家收集整理的这篇文章主要介绍了HTML – 使用CSS进行布局(或者我应该放弃并使用表格?)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我试图实现以下布局,如截图所示.

主要特点是

>屏幕分为3个区域(列);
>左/右列是固定宽度;
>中间列根据浏览器宽度扩展
>右列细分为两个区域
>底部区域是固定尺寸,始终位于底部
>顶部区域根据浏览器高度扩展

使用HTML表格花了我大约2个小时来生成上面的截图,具有上述功能.

在用CSS填充两天之后,我无法看到它如上所述,我对CSS和相关屏幕截图的尝试如下:

Meta name="viewport" content="width=device-width,initial-scale=1">