css浮动

float:left;左浮动

float:right;右浮动

浮动的性质:脱标、贴边、字围、收缩。

脱标:浮动后的标签可以有width和hight属性,浮动后的盒子就脱离了标准文档流,

贴边:浮动后元素会出现贴靠现象第二个盒子的空间足够就贴靠第一个盒子,不够就换行贴靠左墙或者右墙,

收缩:一个元素浮动后如果没有设置width元素,那么将自动缩紧为内容的宽度。

清楚浮动影响的四种方式:

个人观点:每个容器或者盒子,在浮动的时候都应该设置高度避免影响,其他的容器。有高度的盒子才能锁住浮动的影响。

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

相关阅读更多精彩内容

  • 一,浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动模型是一种可视化格式模型,浮动...
    DeeJay_Y阅读 1,048评论 0赞 4
  • 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素脱离文档流,当一个元素设置成浮...
    小囧兔阅读 309评论 0赞 0
  • 1. 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素有3个特征: 浮动元素会...
    饥人谷_Sim阅读 667评论 0赞 0
  • 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征: 浮动元素会脱离正常的文档流,元...
    饥人谷_哈噜噜阅读 1,020评论 0赞 0
  • CSS里浮动float是个概念比较暧昧的属性,撸主最早对浮动float的认识是基于布局的,认为float元素就是用...
    张歆琳阅读 40,282评论 23赞 152

友情链接更多精彩内容