div+css里面左浮动 右浮动 到底是什么意思??

如题所述

浮动我们可以这样理解,就是元素的居左居右问题,

都是相对于父元素进行的浮动,确切来说就是在这个元素的左边或者右边位置;

    我们用代码实现左浮动,建设父子元素,把父元素设置为300PX的宽高,

    子元素设置100PX的宽高,然后把子元素(div2)左浮动一下,代码:float:left;

    实现效果如下,DIV2在div1的左方,

    其它代码不变,我们只需要把浮动的代码更改一下,就可以实现右浮动了,float:right;

下图实际效果我们可以看到DIV实现了右浮动,浮动至右边;

css浮动扩展定义

浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。

由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-05

CSS中很多时候会用到浮动来布局,也就是经常见到的float:left或者float:right,简单点来说,前者是左浮动(按照流式来浮动从左到右,放不下则换行),后者是右浮(往右飘)动。

    注意: 

    浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。 

    浮动元素后边的非浮动元素显示问题。 

    多个浮动方向一致的元素使用流式排列,此时要注意浮动元素的高度。 

    子元素全为浮动元素的元素高度自适应问题。 

参考资料:http://www.jb51.net/css/33740.html

本回答被网友采纳
第2个回答  2013-04-06
浮动和清除浮动一般用在DIV+CSS布局时,通常情况下使用DIV+CSS布局,文档中的对象都是从上自下依次排列,比如你写<div id="a"></div><div id="b"></div>那么默认情况下id为b 的div 排在 a的下方,我们称这种布局为标准流,设置浮动后对象就脱离了标准流,就像水面上的漂浮物一样,不再严格的按照标准流排列。浮动的取值如下:
left:对象浮在左边 right:对象浮在右边 clear 清楚左,,右 浮动。。。
例如下面的代码:
<div id="container" >

<div id="left"></div>

<div id="right“></div>

<div id="bottom></div>
</div>
此时left right bottom 3个div 是从上到下排列,如果我们给left 添加一个浮动属性 float:left,那么3个div会从左到右排列,这是因为left 的浮动也会影响到后面的对象,如果我们给bottom 添加一句clear:both,那么bottom就不会再排在right的右边了,这是因为我们用clear:both清除了前面浮动对象对bottom的影响本回答被网友采纳
第3个回答  2013-04-05
左右浮动就是紧挨着最左边或者最右边的元素的意思,如果这行宽度不够,放不下了,会自动放到下面一行显示。

浮动的元素会把不浮动挤开。
第4个回答  2013-04-05
float:left;或者float:right;是去掉div后边的换行符的

div+css里面左浮动 右浮动 到底是什么意思??
浮动我们可以这样理解,就是元素的居左居右问题,都是相对于父元素进行的浮动,确切来说就是在这个元素的左边或者右边位置;我们用代码实现左浮动,建设父子元素,把父元素设置为300PX的宽高,子元素设置100PX的宽高,然后把子元素(div2)左浮动一下,代码:float:left;实现效果如下,DIV2在div1的左方...

简述CSS+DIV布局的常用方法。
【答案】:CSS+DIV布局的常用方法有三种:一、 常规流式布局 元素按照自身的常规显示方式显示,有两个特点:1.元素按照自身HTML元素定义的位置显示(怎么写的怎么显示)2.元素按照自身的常规显示特性显示,比如块级元素垂直排列,行级元素水平排列。二、 浮动 具体代码:左浮动 float:left;右浮动 float:...

DIV中的ID,是什么?还有浮动是什么意思?请详细说明
id就是这个div的号码。当使用js和css的时候,id就表示该div,就需要用到了。浮动:脱离原始层,浮动到上一层左边或右边。例子:<div id='1'><div id='2'><b style='float:left'>asdfasdf<\/b><\/div><\/div> 加重字符浮动左边以后,就不在div2里面了,而在div1这一层。

css浮动是什么意思
CSS浮动是网页布局中的一种重要方式,常用于实现网页中的多列布局。浮动元素会从文档流中脱离出来,并移向其父容器中相应的位置,使得其他元素可以环绕其周围。利用浮动可以实现网页元素的位置调整、排版等设计需求,使得网页布局更加灵活多变。但是需要注意,浮动元素对其他元素的影响可能会导致布局出现意想...

css浮动详解
先来理清概念:div元素默认为块级元素,占据一行,自上而下排列。浮动则是让元素脱离标准流,漂浮在流之上,不再独占一行。浮动原理在于,浮动元素会与标准流元素错位排列,从而实现多元素同行展示。举例来说,假设div2浮动,则它会脱离标准流,div3会自动上移填补空缺位置,重新组成流。浮动元素的放置...

html、css中的问题clear:both的含义问题,谢谢!
这个对于刚开始学DIV+CSS的人来说确实很纠结,我刚开是的时候也是这样,不过我的理解就是“浮动”和“清楚浮动”float的翻译就是浮动,至于是左浮动还是右浮动都一样了,浏览器的文档流可以理解成都是钉在浏览器里面的,而是用了浮动的东西呢就飘起来了,它会飘在浏览器的上面(当然不会飘出BODY去)...

CSS+div布局中float:left具体解释?
css中float的守则就是如果浮动就都浮动,如果不浮动就都不浮动,这样能够很有效的解决你上面的问题,但是也有特殊的情况:例如父div中有abc,a不浮动,bc浮动。这样也显示正常。至于原因我个人只能按照float脱离文档流来解释了(可以理解成脱离了正常的文档显示顺序)。不知道对你有没有帮助,下面给你一个...

在DIVCSS布局里面这margin:0 auto; width:990px; height:300px; ove...
是宽990高300;overflow:hidden是溢出部分隐藏;float:left; 是左侧浮动 你上面这个代码应该是contentleft contentright这样2个同行包含在content里这样的效果吧 做3个一行的话div按左中右顺序调用,左边的加float:left;属性,右边的加float:right;属性,中间的不要float,三个宽度和要略小于外框宽度 ...

CSS中float:left是什么意思?
float:left;(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。

CSS中float:left是什么意思?
表示向左浮动,比如多个div在一个页面上,默认情况是:一行一个div,但是只要在div的css中使用float:left,可以使一行有多个div,这样可以把网页划分成很多块,但是使用该属性会影响后面的元素,所有如果后面的div不想再被影响,可以使用clear:both;可以理解为清除float:left和float:right的影响,返回到...

相似回答