1.父类和子类盒子的相对位置：
关于这种情况的解决办法：
1.overflow:hidden;清除浮动（bfc布局）
2.加border：加1px的透明边框即可；
推荐使用第一个：因为第一个加边框固定父类，如果盒子嵌套过多会造成一些不必要的瑕疵。
bfc布局规则：
内部的Box会在垂直方向，一个接一个地放置。
Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
BFC的区域不会与float box重叠。
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
计算BFC的高度时，浮动元素也参与计算
2.图片位置
在原网页上找到这张图片，当时就懵了，在默默作图的时候在同桌的提醒下，了解到可以更改背景图片位置；
三种定位方法：
1）关键字：background-position: top left;
2）像素：background-position: 0px 0px;
3）百分比：background-position: 0% 0%;
3.视频位置及自动播放
自动播放：autoplay属性，不知道为什么我的视频不会自动播放，然后在网上找了很多，但没几个可以用的，有一种方法说的是将视频放上传，之后就可以了：
<video muted loop autoplay>
<source src="http://dl5.gjol.wangyuan.com/20190625/jiayuan/7D55E5F7E3302607E78E27FC91621C78/3btxd.mp4" type="video/mp4">
</video>
4.图片重叠
用box装入内容；再设置boxposition:relative;
将你所要的元素；每个元素增加position:absolute; top:0; left:0;
元素排列要按照从下到上的顺序
网友评论