参考：阮一峰的网络日志 效果图： ...

我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素使用绝对定位布局，这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部。默认情况下，下方元素被遮挡的部分是不会响应鼠标事件的。 但有 ...

记录自己遇到的坑 项目： 指 flex 布局的子元素 当在flex布局情况下，当内容超过项目大小时， 项目会被内容撑开，这种情况下，容易导致页面布局错乱。 解决办法： 给项目设定一个固定1个像素 ...

demo1： html <div class="outer-container"> <div class="inner-container"> ...