关闭

position和float的结合运用

127人阅读 评论(0) 收藏 举报
分类:

  刚做的帮助中心还没有明白里面的奥妙,这里又碰到了,absolute让relative的可以不按照float的div约束。

   #content {

                 width:780px;
                 margin:0 auto; 
                 position:relative;
                 left:0;
                 clear:both;
                   
             }
             #contentLeft {
                 /*width:135px;*/
                

             }
                #contentRight {
             width:780px;
                 margin:0 auto; 
            <span style="color:#ff0000;">     position:absolute;</span>
                 left:645px;
          
             }

定义了上面的打的div和下面左右两个div,由于有head和foot的关系,因为header和footer都有relative,所以这里只能用left偏移来把右边的撑到右边。这里position:absolute是关键,否则右边的会会压到下面。

  

正常的用过absolute就会正常。


div的这些效果在H5体现最多。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:699387次
    • 积分:11150
    • 等级:
    • 排名:第1421名
    • 原创:352篇
    • 转载:438篇
    • 译文:2篇
    • 评论:49条
    最新评论