1497392329@qq.com 18210903593
建站知识

当前位置:首页 > 建站学堂 > 建站知识 >

制作网站技巧:网页纵向布局

时间:2015-02-13作者:百度我吧点击量:

  网页的纵向布局在设计时一般都是自适应高度的,但即使是这样,我们最好还是能精确的计算每个模块的高度及整个页面的高度。

  因为这么做有以下几点好处:

  1.首先限制住了高度可以很好的兼容ie6,大家都常常为ie6不兼容css而大伤脑筋,在其他浏览器下观看挺正常的一个网站,但在ie6下就很有可能严重错位了,这是一件很郁闷的事情,但我们其实有一个比较笨但很有效的方法去解决,这就是将每个模块的高度和宽度固定死,特别是当我们使用了 float属性时,限制高度和宽度往往是最快也最有效的方法,而且限制高度及宽度后,双倍行距和间距的问题也会消失了。

  2.限制高度可以使我们的页面看起来更整洁,页面的布局视觉可以牢牢的掌控在我们自己的手中,但为了限制固定高度,我们不得将字体考虑在内,大家都应该知道宋体、微软雅黑以及楷体在网页上所占的行高是差别很大的,如果我们以微软雅黑作为标准来进行设计,那么最后如果浏览者的显示器上显示的是宋体或楷体的话,我们原有的固定高度就很有可能空出一大块出来或者被撑破,由此限制高度非但没有使页面变得整洁,反而使页面看起来很不专业、很凌乱了。

  3.限制行高,更方便我们进行视觉布局,因为有了行高的固定限制,那么我们在设计页面时完全可以很精确的设计出psd模板,然后根据这个模板将各个模块切出来,在排版布局的时候也要严格按照每个模块的大小进行限制,这样我们设计出来的东西才能更精确的与我们的初始设计完全吻合,而且也不易出现错位的现象。