本文探讨了在CSS中使用`absolute`定位时，div内的文字下沉的问题。通过分析`.s3pic`、`.pic2`、`.opwrap`和`.wrap`等类的样式，解释了这一现象的原因，并提出了调整布局和定位的解决方案，以确保文字正确显示且不影响整体布局。重点讨论了前端技术中的CSS定位和布局技巧。
为什么我使用了absolute之后，div里面的文字会下沉呢？
.s3pic{
position: relative;
margin-bottom: 20px;
}
.pic2{
width: 458px;
height: 275px;
}
.opwrap{
position: absolute;
height: 61px;
width: 458px;
bottom: 0;
}
.wrap{
position: absolute;
width: 458px;
height: 61px;
opacity: 0.3;
background-color: black;
}
.line{
display: inline-block;
margin:8px 0 9px 25px;
width: 3px;
height: 44px;
background-color: #72b16a;
}
.bigword{
margin:0 10px;
font-size: 26px;
color:#fff;
}
.sword{
color: #72b16a;
font-style: italic;
word-spacing: 140%;
}
前端技术
前端技术前端技术
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
