有关布局中出现的问题

Posted 2020-09-23

有的时候当我们在给一个标签设置上外边距的时候会与他的父级有所冲突，所以要给他的父级设置一个overflow:hidden;这样就不会跟父级有冲突了;

在给span标签设置宽高的时候需要给span标签添加一个style样式display：in-block;

两个p标签是不能嵌套的;

在sass中寻找子级可以在父级下边写&>:nth-child(n)寻找他下边的第几个子集;

去除input标签点中时的默认样式用outline:none;

在设置样式的时候有些东西必须设置宽高然后overflow:hidden;超出部分隐藏这样当在控制台添加内容的时候布局不会乱;

在添加图片的时候图片外边包一个div给div设置宽高,然后img宽高设置100%,让他自动适应,这样在页面变大变小的时候图片不会失真;

去除浮动有三种方法:

尾元素清除浮动.给浮动元素加上clearfix这个类即可

.在浮动元素后面加空标签(设clear:both)

.给没有设置高度的父元素设置overflow:hidden

三种定位

position:relative;相对定位

position:absolute;绝对定位

position:fixed;固定定位