美文网首页
浮动注意点

浮动注意点

作者: 简单coder | 来源:发表于2018-02-04 17:07 被阅读3次

浮动总是下一个默认与上一个的top线对齐,如果内容不够放,就放到上一个的下面下面来,

所以2与1对齐,3与2对齐但是内容不够放,所以放到2的下面

4想与3对齐,所以4与3的top线对齐(注意:这个不等是因为4有padding-top)

2

浮动的盒子比标准流盒子高,但是能够遮挡住标准流盒子,遮挡不住里面的图片和文字。

所以盒子跑上去,但是文字缺显示出来

相关文章

  • 浮动注意点

    浮动总是下一个默认与上一个的top线对齐,如果内容不够放,就放到上一个的下面下面来, 所以2与1对齐,3与2对齐但...

  • 如何清除浮动

    清除浮动之前需注意两点:1、清除浮动一定要在完成布局之后。2、清除浮动必须与前面的浮动标签属于同级关系。 1、空标...

  • 浮动(float)

    1、浮动的介绍 重点 注意:浮动首先需要添加标准流父级 总结

  • 两列布局(左侧定宽,右侧自适应)

    方法一:float+margin 方法二:float+overflow 利用浮动脱离标准流。注意清除浮动 方法三:...

  • css浮动模型float问题

    float模型属性 left:向左浮动 right:向右浮动 float模型需要注意的几点 块级元素和行内元素(行...

  • 2019-10-25 div+css浮动案例

    效果如上。要注意其实需要浮动的只有绿色蓝色以及黄色的部分,其他三个div标签是不需要浮动的。解决浮动问题有两种方法...

  • 页面滑动导航条开发

    效果如上. 注意事项: 1.需要滑动的元素不可以用 float 浮动,float浮动成为同一行,需要父...

  • 鼠标悬浮事件

    注意:鼠标悬浮事件的对象是feature 1.先配置,允许鼠标浮动能够触发 2.添加一个鼠标浮动触发的事件

  • HA集群修复及openssh/openssl

    验证新疆: 登录新疆承载网浮动IP 注意: 图片内容只是演示 检查进程是否自动拉起 注意: 图片内容只是演示 检查...

  • 09-CSS清除浮动

    清除浮动方式一 给前面一个父元素设置高度 注意点:在企业开发中, 我们能不写高度就不写高度, 所以这种方式用得很少...

网友评论

      本文标题:浮动注意点

      本文链接:https://www.haomeiwen.com/subject/fkfrnttx.html