首页 > 其他 > 详细

Lesson4(定位、超出隐藏)

时间:2016-11-30 04:08:53      阅读:282      评论:0      收藏:0      [点我收藏+]

1、外边框  outline:1px solid blue; 

外边框用法和边框相似,外边框不占空间,只会显示

2、定位 position

(1)相对定位 relative:对自身的一种定位

   1>给父级设置相对定位之后,自己也跟随父级移动

   2>给元素设置相对定位之后,不会影响其他元素的位置(即没有脱离文档流、还占有原来的空间)

(2)绝对定位 absolute:相对于父级的定位 

  1>脱离文档流,不占原来的空间

  2>定位在不设置top等方向值时,位置不会发生变化

  3>定位的层级是要比float或者文本的层级要高,可以挡住他们

  4>决定定位的元素如果没有定位父级,会相对于html文档来定位

(3)固定定位 fixed

  固定定位的元素在窗口的位置始终不变

3、超出

(1)overflw 处理超出区域的内容

  hidden 隐藏、 visible 显示(默认值)、 srcoll 滑动、 auto 自动

注意:auto和srcoll的区别在于,srcoll始终显示滚动条,auto只会在内容超出方向时显示滚动条

(2)text-overflow 处理某一个超出区域的单词

  clip 超出部分被裁剪掉、 ellipsis 超出的部分用省略号代替、 string 用一个指定的字符串,内容自定义,来代替超出的内容(部分浏览器可用,譬如:火狐)

(3)使用text-overflow前确保overf不是visible

 

  

Lesson4(定位、超出隐藏)

原文:http://www.cnblogs.com/qqm16113/p/6116093.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!