html怎么让图片俩边拉长,css – 如何使div的宽度在两个div之间拉伸

如果在浮动元素之后添加填充元素,然后稍微更改其样式(包括为样式块提供正确的ID),您可以得到您想要的内容：

#left {

display: inline-block;

float: left;

padding: 0px 20px 0px 20px;

height: 45px;

text-align: center;

line-height: 300%;

background: #FF9000;

color: #FFFFFF;

}

#filler {

display: block;

float: none;

height: 45px;

background: #F00;

}

#right {

display: inline-block;

float: right;

padding: 0px 20px 0px 20px;

height: 45px;

text-align: center;

line-height: 300%;

background: #FF9000;

color: #FFFFFF;

}

#contain {

width: 100%;

height: 45px;

padding: 0;

margin: 0;

display: inline;

}

1

2

m

或者,模拟一个表：

#contain {

width: 100%;

padding: 0;

margin: 0;

display: table;

}

#left,

#right {

text-decoration: none;

display: table-cell;

width: 5%;

text-align: center;

background: #FF9000;

color: #FFFFFF;

padding: 2% 0;

}

#filler {

display: table-cell;

width: auto;

background: #F00;

}

1

m

2

这两种方法都有其优点.这取决于你哪个适合你.