如何解决HTML网页自适应，元素上浮的问题

关于不理解自适应的，可以点击以下网址：

http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html

以上网页，给的方法是在网页头部加入一行viewport元标签。

但是在某些时候，我们是无法更改头部文件的，也无法调用外部的js文件。这时候就会用css来满足自适应的要求。于是

..

这标签经常被用到。但是用这个标签的满足自适应时，总是会出现一些令人懊恼的问题，如下图：

我们知道，在自适应时 width 可以用 “..%" ,或 “auto”。但是高度怎么办呢，也用相对值？但是万一我们对这个页面后续修改了，岂不是排版再次被扰乱了。所以这时候，我们只需要加一个表格标签即可。

..

记得在咱是小白刚入门的时候，用表格布局，结果被一自称前辈的人，好一顿蔑视。虽然也有很多图书说，表格布局不适用HTML的语义。但是div确实在高度自适应方面，是蛮有缺陷的。俗话说条条大路通罗马，个人建议为了满足要求，灵活运用吧。