HTML-圣杯布局

1.BFC:Block Formating Context(块级格式化上下文)  

它是一个独立的渲染区域

BFC的作用:

1)用来清除浮动的问题

2)Margin合并的问题

3)多栏布局

2.圣杯布局和双飞翼布局实现的是同一种效果,但是实现方式有一点不同。

都实现的效果是:两侧盒子的宽度始终保持不变,中间的盒子自适应(三栏式的布局)

左右盒子相对定位

首先写中间的main盒子,给定宽度100%,然后写左右两边的,然后通过margin(左右两边的盒子)和padding(父盒子)来调整左右盒子掉下来的问题

3.Webstorm 的下载链接:http://www.jetbrains.com/webstorm/download/#tabs_1=linux-version



学习链接:

http://pan.baidu.com/play/video#video/path=%2F%E7%BD%91%E7%AB%99%E5%89%8D%E7%AB%AF%2F%E6%B7%98%E5%AE%9D%E7%BB%8F%E5%85%B8Div%2BCSS%E5%B8%83%E5%B1%80%E5%AE%9E%E6%88%98video%2F03%20%E5%9C%A3%E6%9D%AF%E5%B8%83%E5%B1%80.avi&t=-1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值