我想要一个左边有固定宽度图像的div和一个有背景颜色的可变宽度div,这应该会在我的设备上扩展它的宽度100%。我不能阻止第二个div溢出我固定的div。
当我添加overflow:隐藏在可变宽度的div时,它只是跳到下一行的照片下面。
我如何才能以正确的方式解决这个问题(即没有hack或空白区,因为我需要让网站稍后响应媒体查询,并且我必须用每个设备的其他分辨率图像来更改图像)?
HTML:
<div class="header"></div>
<div class="header-right"></div>
CSS:
.header{
float:left;
background-image: url('img/header.png');
background-repeat: no-repeat;
width: 240px;
height: 100px;
}
.header-right{
float:left;
overflow:hidden;
background-color:#000;
width: 100%;
height: 100px;
}
https://stackoverflow.com/questions/12724967
复制相似问题