CSS布局模型
2015-11-02 22:18
281 查看
CSS布局模型
流动模型
块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布。内联元素都会在所处的包含元素内从左到右水平分布显示
浮动模型
将块状元素并排显示,需要将标签定义为浮动。可以在同一行两端显示元素需要对两个块状元素层模型
有三种形式:绝对定位(absolute)相对定位(relative)固定定位(fixed)绝对定位:这条语句的作用将元素从文档流中拖出来(原来的位置空出),然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
相对定位:它通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置(原来的位置还有)。偏移前的位置保留不变。
固定定位:相对移动的坐标是视图(屏幕内的网页窗口)本身。类似网页两边的广告,一直在网页的固定位置。
Relative与Absolute组合使用:父元素position属性设置为relative,子元素的position:设置为absolute。这样子元素就可以相对父元素偏移。
相关文章推荐
- CSS定位属性之间的相互作用
- html和css结合的方式
- 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
- mime导致zabbix web页面css样式不能显示的问题
- css选择器以及权重问题
- css sprites 多张图片整合在一张图片上
- css 水平垂直居中
- css实现锯齿形 圆形边框
- CSS如何让DIV的宽度随内容的改变而改变
- CSS的嵌套方法
- ArcMap无法创建新样式,或将符号添加到样式
- oocss ; LESS;SASS
- CSS hack:针对IE6,IE7,firefox显示不同效果
- css画个三角形,可旋转
- PHP动态压缩js,css
- 不同tab下的列表长度不同,tab的样式和底部的位置不同
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- PHP Strom 配置less 并设置编译后在远程开发模式下自动上传css文件
- 纯CSS装饰画(给图片加画框)
- Div样式查看器