div css里面左浮动 右浮动 到底是什么意思(cssdiv上下居中靠右对齐怎么设置)

div css里面左浮动 右浮动 到底是什么意思(cssdiv上下居中靠右对齐怎么设置)

首页维修大全综合更新时间:2024-02-04 12:00:39

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

浮动和清除浮动一般用在DIV+CSS布局时,通常情况下使用DIV+CSS布局,文档中的对象都是从上自下依次排列,比如你写<divid="a"></div><divid="b"></div>那么默认情况下id为b的div排在a的下方,我们称这种布局为标准流,设置浮动后对象就脱离了标准流,就像水面上的漂浮物一样,不再严格的按照标准流排列。浮动的取值如下:left:对象浮在左边right:对象浮在右边clear清楚左,,右浮动。。。例如下面的代码:<divid="container"><divid="left"></div><divid="right“></div><divid="bottom></div></div>此时leftrightbottom3个div是从上到下排列,如果我们给left添加一个浮动属性float:left,那么3个div会从左到右排列,这是因为left的浮动也会影响到后面的对象,如果我们给bottom添加一句clear:both,那么bottom就不会再排在right的右边了,这是因为我们用clear:both清除了前面浮动对象对bottom的影响

大家还看了
也许喜欢
更多栏目

© 2021 3dmxku.com,All Rights Reserved.