无法在HTML中移动图像

无法在HTML中移动图像,html,Html,我有一个问题,我可以移动一个图像,无论我键入什么,它停留在右上半部分剪切出来,没有滚动 .container\u 767{ 位置:相对位置; 文本对齐:居中; 颜色:#fff; } .imagetext_767{ 位置:绝对位置; 最高:50%; 左:50%; 转换:翻译(-50%,-50%); } .image_767{ 位置:相对位置; 宽度:45%; 身高:45%; 左:50%; 底部:50%; 转换:翻译(-50%,-50%); } 船长Sim 767 更改位置:绝对至位置:相对

我有一个问题,我可以移动一个图像,无论我键入什么,它停留在右上半部分剪切出来,没有滚动

.container\u 767{
位置:相对位置;
文本对齐:居中;
颜色:#fff;
}
.imagetext_767{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
}
.image_767{
位置:相对位置;
宽度:45%;
身高:45%;
左:50%;
底部:50%;
转换:翻译(-50%,-50%);
}

船长Sim 767

更改
位置:绝对至<代码>位置:相对.imagetext_767

.imagetext_767 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

改变
位置:绝对至<代码>位置:相对.imagetext_767

.imagetext_767 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

如果要使用CSS属性,如
,元素必须将属性
位置
设置为值。然后,您将能够将其定位到其第一个父级,该父级的属性
position
设置为value
relative
。如果没有具有此属性值的父元素,则根据窗口的左上角设置位置

此外,要使用属性
top
bottom
按百分比计算,父元素必须有自己的高度

查看代码片段以查看示例

.container\u 767{
位置:相对位置;
文本对齐:居中;
背景:aliceblue;
高度:500px;
}
.imagetext_767{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
}
.image_767{
位置:绝对位置;
宽度:45%;
身高:45%;
左:50%;
最高:50%;
转换:翻译(-50%,-50%);
}

船长Sim 767

如果要使用CSS属性,如
,元素必须将属性
位置设置为值。然后,您将能够将其定位到其第一个父级,该父级的属性
position
设置为value
relative
。如果没有具有此属性值的父元素,则根据窗口的左上角设置位置

此外,要使用属性
top
bottom
按百分比计算,父元素必须有自己的高度

查看代码片段以查看示例

.container\u 767{
位置:相对位置;
文本对齐:居中;
背景:aliceblue;
高度:500px;
}
.imagetext_767{
位置:绝对位置;
最高:50%;
左:50%;
转换:翻译(-50%,-50%);
}
.image_767{
位置:绝对位置;
宽度:45%;
身高:45%;
左:50%;
最高:50%;
转换:翻译(-50%,-50%);
}

船长Sim 767

这是因为您使用的是
position:absolute
@CharlieSchuyler期望的结果是什么?你写的“我可以移动图像”我想你的意思是“我不能…”。请更新问题。这是因为您使用的是
position:absolute
@CharlieSchuyler期望的结果是什么?你写的“我可以移动图像”我想你的意思是“我不能…”。请更新问题。