position和float的结合运用

来源:互联网 发布:网络诈骗报案流程 编辑:程序博客网 时间:2024/06/10 04:00

  刚做的帮助中心还没有明白里面的奥妙,这里又碰到了,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
原创粉丝点击