自适应元素中如果存在子级元素,它有`clear: both;`,右列子级元素跑出父级元素了,这个原因是什么?

来源:5-4 两列布局的第一种解决方案优点与缺点

THEEND0123

2021-03-08 08:13

自适应元素中如果存在子级元素,它有`clear: both;`,右列子级元素跑出父级元素了,这个原因是什么?

clear: both;  =>  元素被向下移动用于清除之前的左右浮动。这里即将左侧浮动元素属性去除了,左侧div独占一行,右侧子元素则跑到下方,由于父元素左侧有外边距,所有子元素左侧也空出了对应的位置。

我理解的对吗?

写回答 关注

1回答

  • 慕数据3531283
    2021-08-28 09:44:02

    float: right;margin-left: -400px;这两个是关键

一课全面掌握主流CSS布局

一网打尽CSS主流布局方案,一步掌握页面布局技巧.

5276 学习 · 60 问题

查看课程

相似问题