网页css排版出现阶梯float:left问题

html-css022

网页css排版出现阶梯float:left问题,第1张

把img转换为区块display:block试试看!很有可能就是这个原因,因为图片<img />如果不转换区块的话,有可能会占位置。

或者把全部<img />写在一行,不要分行写。这样也行的!

希望帮助到你!

rem是什么?

px,绝对长度单位,最常用

em,相对长度单位,相对于父元素,不常用

rem,相对长度单位,相对于根元素,常用于响应式布局

响应式布局的常用方案

media-query,根据不同屏幕宽度设置根元素font-size

rem,基于根元素的相对单位

rem的弊端:“阶梯性”

float只是让对象向左浮动,你第二第三个123123之所以没有左对齐 是因为它的前面已经有浮动对象了。只会紧挨着前面的对象 不会直接靠左对齐的。除非你特意设置好宽度。

另外 所有元素都默认左对齐的。 你没有必要特意加上浮动的。