Javascript 我如何将图像放在表单之外并使其大小相同?

Javascript 我如何将图像放在表单之外并使其大小相同?,javascript,html,css,Javascript,Html,Css,我一直在尝试使图像与表单大小相同,但我无法让它工作,你们中的某个人能给我一个提示吗。这是我从一个网站上得到的联系方式,我会稍微改变一下,但需要在之前解决这个问题 .满{ 显示:内联块; } .完整表格{ 宽度:400px; 浮动:左; 显示:内联块; } .形象{ 浮动:左; 显示:内联块; } 联系我们 填写下表向我们发送信息: 电子邮件 主题 消息 反垃圾邮件问题:7+5=? 发送消息 如果需要,可以使用positionrelative和absolute查看此技巧。图像的高度为.ful

我一直在尝试使图像与表单大小相同,但我无法让它工作,你们中的某个人能给我一个提示吗。这是我从一个网站上得到的联系方式,我会稍微改变一下,但需要在之前解决这个问题


.满{
显示:内联块;
}
.完整表格{
宽度:400px;
浮动:左;
显示:内联块;
}
.形象{
浮动:左;
显示:内联块;
}

联系我们
填写下表向我们发送信息:

电子邮件 主题 消息 反垃圾邮件问题:7+5=? 发送消息
如果需要,可以使用position
relative
absolute
查看此技巧。
图像
的高度为
.full
容器的高度,该容器为
自动
,取决于
.fullform

.full{
位置:相对位置;
宽度:100%;
高度:自动;
背景颜色:黄色;
}
.完整表格{
宽度:50%;
背景色:番茄;
}
.形象{
位置:绝对位置;
排名:0;
右:0;
底部:0;
宽度:50%;
溢出:隐藏;
}
.image>img{/*img采用100%宽度和高度(可选)*/
宽度:100%;
身高:100%;
}

联系我们
填写下表向我们发送信息:

电子邮件 主题 消息 反垃圾邮件问题:7+5=? 发送消息
div#有网格框{
填充:20px;
背景#f1f1;
显示器:flex;
柔性流:行换行
}
.影碟盒{
宽度:180px;
背景:ddd;
填充:10px;
显示器:flex;
弯曲方向:立柱;
}
.movie_容器img{
宽度:100%;
不透明度:0;
}
.海报2{
背景:url('http://image.tmdb.org/t/p/w500//3tD0r8F6b7vygxZt3iRvf2ELwAO.jpg“)无重复中心;
背景尺寸:封面;
背景颜色:绿色;
显示:内联块;
弹性:1;
}

2015-08-01
联系我们
填写下表向我们发送信息:

电子邮件 主题 消息 反垃圾邮件问题:7+5=? 发送消息 2015-08-01
如果您只希望它与表单的宽度和高度相同,可以尝试此操作,并将img浮动设置为左/右

.image {
        float:left;
        display: inline-block;
        width: 400px;
        overflow:hidden;
    }
.image img
    {
        float:right;
    }
否则,您可以尝试:

.image img
    {
         width:100%;
    }

我在这里没有看到CSS规则试图改变你的图像的大小。你希望它是相同的高度还是同样的宽度,比如50/50?