有两个div，一个父级，一个子级，父级有滚动条，样式如何写才能让子级的div固定在顶部，不随滚动条

Posted 2023-04-13

有两个div，一个父级，一个子级，父级有滚动条，样式如何写才能让子级的div固定在顶部，不随滚动条滚动

参考技术A 父级加上position：relative； 子集加上：position: absolute; top:0;本回答被提问者和网友采纳 参考技术B 可以加上margin-top:0; 参考技术C 绝对定位 参考技术D 代码贴出来看看

有关布局中出现的问题

有的时候当我们在给一个标签设置上外边距的时候会与他的父级有所冲突，所以要给他的父级设置一个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;固定定位