答案 0 :(得分:0)
它来自这个班级
slider-title tk-futura-pt-bold
而不是在上面的类中使用position和left。
使用以下方法重新定位div(滑块):
left: 10%;
top: 10%;
transform: translate(10%,10%);
答案 1 :(得分:0)
我会将slider-box
设置为position: relative;
并将slider-title
设置为position: absolute;
,这样可以解决您的问题。
答案 2 :(得分:0)
在你的CSS末尾写下这段代码,你就会解决问题:)
.slider-description[_ngcontent-c3], .slider-title[_ngcontent-c3] {
width: calc(100% - 10%);
}
答案 3 :(得分:0)
而不是左:10%; 使用 padding-left:10%; .slider-title tk-futura-pt-bold 班级
答案 4 :(得分:-1)
具有类slider-description和slider-title的元素添加了css样式。
您可以使用以下方法解决此问题:
#slider{
.slider-box {
position: absolute;
left: 10%;
top: 170px;
}
.slider-description, .slider-title{
color: #fff;
}
.slider-title {
font-size: 24px;
}
.slider-description{
width: 500px;
}
}