Css 调整屏幕大小时,如何使块向左移动?

Css 调整屏幕大小时,如何使块向左移动?,css,twitter-bootstrap,bootstrap-4,Css,Twitter Bootstrap,Bootstrap 4,我有一个div块,其中的文本与图像重叠,当我调整屏幕大小时,文本块变小,但保持在相同的位置。我想要实现的是在调整屏幕大小时将块移到左侧,这样整个块就可以放入屏幕中 我怎样才能做好呢? 这是我目前的代码 。我们的项目部分{ 边缘顶部:100px; } zundas项目img{ 最大宽度:100%; 最大高度:50%; 高度:自动; 宽度:自动; } .项目包装{ 边缘顶部:50px; 填充底部:60px; } .项目说明{ 填充:25px; 宽度:50%; 高度:自动; 背景色:rgba(0,0

我有一个div块,其中的文本与图像重叠,当我调整屏幕大小时,文本块变小,但保持在相同的位置。我想要实现的是在调整屏幕大小时将块移到左侧,这样整个块就可以放入屏幕中

我怎样才能做好呢? 这是我目前的代码

。我们的项目部分{
边缘顶部:100px;
}
zundas项目img{
最大宽度:100%;
最大高度:50%;
高度:自动;
宽度:自动;
}
.项目包装{
边缘顶部:50px;
填充底部:60px;
}
.项目说明{
填充:25px;
宽度:50%;
高度:自动;
背景色:rgba(0,0,0,5);
位置:绝对位置;
最高:50%;
右图:-30%;
颜色:#fff;
文本对齐:居中;
}
.项目说明p{
字母间距:1px;
边缘顶部:20px;
}
.项目说明h3{
位置:相对位置;
}
.项目描述h3::之后{
内容:'';
位置:绝对位置;
宽度:80px;
高度:3倍;
背景:#fff;
顶部:32px;
左:-85px;
右:0;
保证金:自动;
}
.项目说明a{
位置:相对位置;
顶部:20px;
}

项目名称
我的同僚们都是精英。我的胎记是胎记,是指正常的体位和暂时性的巨大代表。法定动物
雷德亨德里特·塞普·埃勒姆

使用

参见小提琴:

。我们的项目部分{
边缘顶部:100px;
}
zundas项目img{
最大宽度:100%;
最大高度:50%;
高度:自动;
宽度:自动;
}
.项目包装{
边缘顶部:50px;
填充底部:60px;
}
.项目说明{
填充:25px;
宽度:50%;
/*宽度:400px*/
高度:自动;
背景色:rgba(0,0,0,5);
位置:绝对位置;
最高:50%;
/*右:-80px*/
右图:-30%;
颜色:#fff;
文本对齐:居中;
}
.项目说明p{
字母间距:1px;
边缘顶部:20px;
}
.项目说明h3{
位置:相对位置;
}
.项目描述h3::之后{
内容:'';
位置:绝对位置;
宽度:80px;
高度:3倍;
背景:#fff;
顶部:32px;
左:-85px;
右:0;
保证金:自动;
}
.项目说明a{
颜色:#fff;
字号:800;
位置:相对位置;
顶部:20px;
}
@媒体屏幕和屏幕(最大宽度:758px){
.项目说明{
右:0;
左:-19px;
}
}

项目名称
我的同僚们都是精英。我的胎记是胎记,是指正常的体位和暂时性的巨大代表。动物的准劳动性是指动物的劳动性


tell获取更多帮助!你有“向右拉”、“向左拉”等课程。有关更多参考信息,请使用“媒体查询”根据窗口宽度/分辨率定义位置您希望文本位于图像右侧
@media screen and (max-width: 758px) {
  .project-description {
       right: 0;
    left: -19px;
  }
}