资讯专栏INFORMATION COLUMN

浮动相关

Codeing_ls / 2257人阅读

摘要:概念浮漂浮动分为左浮动右浮动清除浮动。行内元素也可以浮动,行内元素浮动后就具有块元素的特点,可以用属性来控制。清除浮动基本语法作用让包住他的父元素的边框正常显示让后面的元素,恢复到正常流状态,不再受到浮动的影响。

概念:浮(漂浮)动分为左浮动、右浮动、清除浮动。 浮动特点:

想你指定的方向移动,并且让出空间

如果后面的元素,也是浮动的,那么后面的元素就会在碰到前面的元素,或者边框时,就定位在那里。

如果后面的元素没有浮动,则该元素就会在浮动的元素的下面。

行内元素也可以浮动,行内元素浮动后就具有块元素的特点,可以用css属性来控制。

清除浮动

基本语法:clear:both

作用:

让包住他的父元素的边框正常显示

让后面的元素,恢复到正常流状态,不再受到浮动的影响。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49991.html

相关文章

  • 深入css布局 (2) — 定位与浮动

    摘要:深入布局定位与浮动在知识体系中,除了选择器,样式属性等基础知识外,布局相关的知识才是比较核心和重要的点。定位后,原来在文档流中占据的位置,会被其他元素所占据。清除浮动的特殊应用清除浮动可以解决父元素高度塌陷问题。  深入css布局(2) — 定位与浮动        在css知识体系中,除了css选择器,样式属性等基础知识外,css布局相关的知识才是css比较核心和重要的点。今天我们来深...

    Crazy_Coder 评论0 收藏0
  • 浮动相关

    摘要:概念浮漂浮动分为左浮动右浮动清除浮动。行内元素也可以浮动,行内元素浮动后就具有块元素的特点,可以用属性来控制。清除浮动基本语法作用让包住他的父元素的边框正常显示让后面的元素,恢复到正常流状态,不再受到浮动的影响。 概念:浮(漂浮)动分为左浮动、右浮动、清除浮动。 浮动特点: 想你指定的方向移动,并且让出空间 如果后面的元素,也是浮动的,那么后面的元素就会在碰到前面的元素,或者边框时,...

    luffyZh 评论0 收藏0
  • 浮动浮动相关问题(初次)

    摘要:浮动定义使元素脱离文档流,按照指定的方向发生移动,遇到父级的边界或者相邻的浮动元素就会停下来,当浮动并不是全动脱离文档流。 这仅是我个人看到的,如果补充,还请大家不要吝啬当个键盘侠,谢谢! 文档流 文档中可显示的元素在排列时候的开始位置以及他们所占的区域。 因为页面中的元素分为不同的种类,所以他们会按各自的特点去显示,在页面中所占的区域不是一样的。会按从上到下,从左到右的顺序输出内容。...

    W_BinaryTree 评论0 收藏0
  • 浮动浮动相关问题(初次)

    摘要:浮动定义使元素脱离文档流,按照指定的方向发生移动,遇到父级的边界或者相邻的浮动元素就会停下来,当浮动并不是全动脱离文档流。 这仅是我个人看到的,如果补充,还请大家不要吝啬当个键盘侠,谢谢! 文档流 文档中可显示的元素在排列时候的开始位置以及他们所占的区域。 因为页面中的元素分为不同的种类,所以他们会按各自的特点去显示,在页面中所占的区域不是一样的。会按从上到下,从左到右的顺序输出内容。...

    fsmStudy 评论0 收藏0
  • CSS布局相关基本概念

    摘要:当一个元素从正常文档流中抽出后,仍然在文档流中的其他元素将忽略该元素并填补他原先的空间基于文档流,理解定位模式相对定位,即相对于元素在文档流中位置进行偏移。绝对定位,即完全脱离文档流,相对于属性非值的最近父级元素进行偏移。 主要参考文档:http://www.zhangxinxu.com/wor...https://www.cnblogs.com/dojo-... 测试例子:https...

    wangxinarhat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<