CSS布局实例-上中下三行,中间自适应

重新编写后的文章：

采用上中下三行布局，使页面呈现稳定且优雅的视觉效果。在此布局中，上方和下方的区域定高，而中间栏则可根据浏览器窗口的高度自适应调整，确保内容始终垂直居中。

为了实现内容的垂直居中，我们在wrap层使用了{ display:table-cell}并设定了{ vertical-align:middle}。这一技巧使得内容无论在何种情境下都能保持垂直居中的状态。

由于Windows版本的Internet Explorer不支持display:table属性，我们需要采用定位的方式来实现相同的效果。为此，我们在页面中加入了针对IE的特殊设定：[if IE]。这一策略确保了我们的页面在不同浏览器中的兼容性和稳定性。