CSS 浮动

2019-09-08 郑州网站建设  

请看下图,当把框 1 向右浮动时,它离开文档流况且向右挪动,直到它的左边缘遇到涵概框的右侧际:

CSS 浮动实例 - 向右浮动的元素

再请看下图,当框 1 向左浮动时,它离开文档流并且向左移动,直到它的左边际碰着征求框的左边缘。因为它不再处于文档流中,所以它不并吞空间,实践上覆盖住了框 2,使框 2 从视图中失踪。

假如把全数三个框都向左移动,那么框 1 向左浮动直到遇到包括框,其它两个框向左浮动直到碰到前一个浮动框。

CSS 浮动实例 - 向左浮动的元素

如下图所示,若是蕴含框太窄,没法见谅水准布列的三个浮动元素,那么其它浮动块向下挪动,直到有匮乏的空间。要是浮动元素的高度不合,那末当它们向下挪动时概略被其它浮动元素“卡住”:

CSS 浮动实例 2 - 向左浮动的元素


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1305.html转载请标明出处,谢谢合作!
标签:
  • css
  • 浮动
  • 请看
  • 下图
  • 向右