CSS学习笔记(十一)--浮动

浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
float 属性实现浮动

行框和清理

浮动框旁边的行框被缩短,从而给浮动框留出空间,行框围绕浮动框。
因此,创建浮动框可以使文本围绕图像:

ct_css_positioning_floating_linebox.gif

应用 clear 属性,clear 属性的值可以是 left、right、both 或 none,它表示框的哪些边不应该挨着浮动框。

待详解

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,712评论 1 92
  • 1. 文档流的概念指什么?有哪种方式可以让元素脱离文档流? 元素自上而下排列,将窗体自上而下分成一行行, 并在每行...
    进击的阿群阅读 4,624评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 4,773评论 0 1
  • 浮动 CSS允许浮动任何元素。 浮动元素 首先,会以某种方式将浮动元素从文档的正常流中删除,不过它还是会影响布局。...
    exialym阅读 5,002评论 0 6
  • 这本书是金克木先生读书和治学的心得体会。它并非是医师开药,给年轻人开出一张必读书单。先生更多的是在谈读书的认识,以...
    一枕清风阅读 10,920评论 5 21

友情链接更多精彩内容