Html 当一个div包含固定大小的背景图像时，保持响应div并排
需要两个div并排 我有一个div的背景图像为62px，另一个div需要占用剩余的容器div宽度 Search-box1将是扩展以填充容器搜索其余部分的div，该部分的大小取决于其在屏幕上的显示大小 所以我需要search-button1的大小保持在62px的宽度，而search-box1在containersearch响应性地拉伸填充时填充剩余的部分Html 当一个div包含固定大小的背景图像时，保持响应div并排,html,css,responsive-design,background-image,Html,Css,Responsive Design,Background Image,需要两个div并排 我有一个div的背景图像为62px，另一个div需要占用剩余的容器div宽度 Search-box1将是扩展以填充容器搜索其余部分的div，该部分的大小取决于其在屏幕上的显示大小 所以我需要search-button1的大小保持在62px的宽度，而search-box1在containersearch响应性地拉伸填充时填充剩余的部分 <div class = "containersearch"> <div class="search-box1"><
<div class = "containersearch">
<div class="search-box1"></div><div class="search-button1"></div></div>
.search-box1{
background: #ffffff;
border: 1px solid #000000;
width:99%;
height:30px;
padding:5px 5px 5px 5px;
display: inline-block;
}
.search-button1{
background-image: url('search-button.png');
width:62px;
height:20px;
display: inline-block;
}
.containersearch
{border: 1px solid #006699;
background:#0A3D5D;
padding:5px 5px 5px 5px;
width: 100%;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
.搜索框1{
背景：#ffffff；
边框：1px实心#000000；
宽度：99%；
高度：30px；
填充物：5px 5px 5px；
显示：内联块；
}
.搜索按钮1{
背景图片：url（'search-button.png'）；
宽度：62px；
高度：20px；
显示：内联块；
}
.集装箱研究
{边框：1px实心#006699；
背景：#0A3D5D；
填充物：5px 5px 5px；
宽度：100%；
边框左下半径：8px；
边框右下半径：8px；
}
width: calc(100% - 62px);
正文{
保证金：0；
}
.集装箱研究
{
边框：1px实心#006699；
背景：#0A3D5D；
填充物：5px 5px 5px；
宽度：100%
边框左下半径：8px；
边框右下半径：8px；
}
输入[类型=文本]
{
位置：相对位置；
宽度：100%；
框大小：边框框；
边框：2个实心#ccc；
边界半径：4px；
字体大小：16px；
背景图像：
url（'http://findicons.com/files/icons/2226/matte_basic/32/search.png');
背景重复：无重复；
背景位置：右；
背景色：白色；
填充：12px 20px 12px 10px；
}
输入[类型=文本]：焦点{
宽度：100%；
}