码迷,mamicode.com
首页 > Web开发 > 详细

css基础定位

时间:2016-07-07 12:53:21      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

一,正常的文档流
          默认的从左到右(行内标签)从上到下(块级标签);
       想超出正常文本流的几种方式:float,display,margin;position;
二,绝对定位:
    position:absolute;(绝对定位 )
    总结:先去找父类标签:如果父类标签有定位,就以父类标签为基准移动,一直往上找,直到找到上层有定位的标签为止,如果都没有定位的话,就默认从浏览器的窗口(0,0)位置开始移动。
 三,相对定位
     position:relative;(相对定位)
     总结:;在原位置为参考去移动,并且原位置保留。
四,fixed
      fixed:1)与absolute一致,但偏移定位是以窗口为参考。当出现滚动条时,对象不会随着滚动。   
                 2)能始终悬停在我们等位到的某个位置,不随着滚动条滚动。
五,浮动
     flaot  :
               1)如果浮动原位置不保留。以原位置为参考去移动,原位置不保留。
               2)若要浮动,要注意文字的位置<会被挤压到下面>:
六,display
        1) 可以实现行内标签和块级元素的转换。
               2)可以将块级元素转换为行内元素,框的高宽不起作用,根据字的高宽来显示:display:inline; 
               3)可以将行内元素转换成块元素,框的高宽不起作用 ,根据字的高宽来显示 :display:block;
               4)display:inline-block;框的高宽起作用,出现inline和block的属性;
               5)使用display:block把行内元素转换为块级元素之后,会有换行符存在,想去掉间隔的话,设置标签的文字大小为0px即可。

css基础定位

标签:

原文地址:http://www.cnblogs.com/yiwangdeyidianyuan/p/5649603.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!