圣杯布局 圣杯布局很完美(兼容所有浏览器,包括IE6),但是使用了相对定位,布局有局限性,宽度控制要改的地方也多。 第一种方法公用部分: 第二种方法都不考虑兼容IE8及以下。 左侧栏固定宽度,右侧自适应 : 第一种写法: 第二种写法: 右侧栏固定宽度,左侧自适应 : 第一种写法: 第二种写法: 左右 ...
分类:
Web程序 时间:
2016-12-23 22:46:19
阅读次数:
471
固定侧边的做法有很多种,今天为大家介绍一种非常简单的做法。整个html文档只有23行代码就搞定了。网上也有很多做法,但是都太过复杂,一大堆代码。而且有的很采用一些jquery的一些插件。侧栏的做法和顶部、页脚都大致雷同。掌握其中的一种,其他的都很容易实现。常见的例子有:新浪微博的菜单栏,新浪体育的右侧二维码扫描等功能都是这样的实现。这种固定特定部位,而不随滚动条滚动的做法,见下面代码:
...
分类:
Web程序 时间:
2015-07-09 16:12:44
阅读次数:
150
最近写了一个项目,写页面的结构,html树形结构是有header,container,footer部分,其中container部分是右侧栏是固定宽度,左侧是自适应宽度与屏幕高度。第一次写的博客文章是container部分是左侧栏固定,右侧是自适应效果。左侧栏固定是很好写,但右侧栏固定却不很好写,以下...
分类:
Web程序 时间:
2015-01-27 19:57:57
阅读次数:
200