圣杯布局：通过float->负外边距->父元素padding->相对定位position:relative->相对移动 实现。上代码： 圣杯布局 header 主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主...
分类：
其他好文 时间：
2015-04-16 17:10:26
阅读次数：
292
（1）优点：将主体内容放在前面更符合语义化。语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解.语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件...
分类：
其他好文 时间：
2015-04-01 23:46:30
阅读次数：
183
head center left right footer
分类：
其他好文 时间：
2015-03-28 18:38:21
阅读次数：
122
<!doctype>
<html>
<head>
<title>圣杯布局</title>
<style>
body,div{margin:0;padding:0;}
.main{
background:red;
width:100%;
float:left;
}
.left{
background:yellow;
width:300px;
float:left;
margin-left:-300px;
}
.right{
back..
分类：
其他好文 时间：
2015-02-25 23:53:16
阅读次数：
253
学习前端有段时间了，对于页面布局总是采用类似于这种的方式1 2 3 4 5 6
分类：
其他好文 时间：
2015-01-20 11:42:13
阅读次数：
142
在看众多大神的css布局指南时，经常看到一个布局：圣杯布局（也有称为双飞翼布局的）。今天我们也来剖析一下。 其实，对于众多css布局，我们只要明确理解了3种技术，那么基本上大多数布局都难不倒我们了： 浮动float 绝对定位和相对定位negative margin 负边距r...
分类：
Web程序 时间：
2014-10-22 00:32:48
阅读次数：
354
圣杯布局圣杯布局（目的就是为了实现自适应分辨率）等高布局（目的就是实现左右两边的高度等高，并且高度有内容撑开） 页面内容 页面内容 页面内容 页面内容 页面内容 页面内容 页面内容 ...
分类：
其他好文 时间：
2014-10-13 18:01:59
阅读次数：
165
圣杯布局如下图所示，图一两边的内容宽度固定，中间栏宽度自适应。html代码如下， main 主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内容主干内...
分类：
其他好文 时间：
2014-08-15 23:49:39
阅读次数：
395
left content right content main content
分类：
其他好文 时间：
2014-06-18 19:01:14
阅读次数：
125
