css
2016-03-23 00:22
417 查看
CSS布局:元素的三种布局模型
1. 流动模型(flow)2. 浮动模型(float)3. 层模型(layer)
层模型的三种形式:1. 绝对定位(position:absolute)2. 相对定位(position:relation)3. 固定定位(position:fixed)
用top bottom leftright 表示上下左右
Relative与Absolute的组合使用
<divid=”box1”> //参照定位的元素
<div id=”box2”>//相对定位元素
#box1{
Width:200px;
Height:200px;
Position:relative;
}
#box2{
Position:absolute;
Top:20px;
Left:30px;
}
1. 流动模型(flow)2. 浮动模型(float)3. 层模型(layer)
层模型的三种形式:1. 绝对定位(position:absolute)2. 相对定位(position:relation)3. 固定定位(position:fixed)
用top bottom leftright 表示上下左右
Relative与Absolute的组合使用
<divid=”box1”> //参照定位的元素
<div id=”box2”>//相对定位元素
#box1{
Width:200px;
Height:200px;
Position:relative;
}
#box2{
Position:absolute;
Top:20px;
Left:30px;
}
相关文章推荐
- CSS技巧和经验分享
- div相互覆盖,div与div盒子之间产生重叠覆盖现象的解决办法
- css初始化代码 以及background的使用
- 引入css的四种方式
- phpv6_css
- 两种CSS3圆环进度条详解
- CSS一些设置用法
- PowerDesigner的样式设置
- CSS样式表
- 总体布局积累(3列)
- Css笔记
- CSS初学
- 自定义Dialog的详细步骤(实现自定义样式一般原理)
- CSS选择器介绍
- CSS样式表
- 【自学笔记】 css 如何改变光标,及各种光标
- placeholder的样式设置
- Html+CSS hack技术介绍 以及常用hack
- CSS行高——line-height 文本的垂直居中(display:block;情况下)
- css样式表