position和float的结合运用

原创 2015年11月18日 16:50:38

  刚做的帮助中心还没有明白里面的奥妙,这里又碰到了,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体现最多。

相关文章推荐

float与position属性

  • 2014年12月16日 23:37
  • 28KB
  • 下载

CSS定位——position、float小结

CSS定位——position、float小结

[译] 关于CSS中的float和position

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...
  • vuturn
  • vuturn
  • 2015年03月19日 16:56
  • 311

CSS布局display,position, float属性

页面布局,或者是在页面上做些小效果的时候经常会用到 display,position和float 属性,如果对它们不是很了解的话,很容易出现一些莫名其妙的效果,痛定思痛读了《CSS Mastery》后...

position和float属性详解

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如果需...

float浮动布局,auto冻结布局,position:absolute绝对布局

在布局中遇到的问题: 1.在用float属性使元素浮动时,一定要为浮动元素设置宽度,在清除浮动效果时,一定是与浮动元素同等级别的情况下,写一个空的div 然后设置他的{float:none;}.其...

html——float与position的兼容性探究

Float属性 float的属性值有none、left、right,有几个要点: 只有横向浮动,并没有纵向浮动。当元素应用了float属性后,将会脱离普通流,其容器(父)元素将得不到脱离普通流的子...

position跟display、margin collapse、overflow、float这些特性相互叠加后的行为?

这是寒冬大神提出的一个题目,刚开始看到这题的时候完全不知道从什么地方回答起好,题目内容比较广泛,找不到针对点。后来我觉得这个题目应该能拆成几个点来回答:1、'display'、'position' 和...
  • jiaw127
  • jiaw127
  • 2015年09月11日 11:26
  • 436

用position:relative和float实现不定宽块级元素的居中

分析使用position:relative和float实现不定宽块级元素的居中
  • amghost
  • amghost
  • 2015年09月20日 12:31
  • 1309

关于CSS中float和position的使用

当构建页面排版时,有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求,在不同的情况下,某些方法可能好过于其他的方法。 比如,可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者,如...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:position和float的结合运用
举报原因:
原因补充:

(最多只允许输入30个字)