彼此相邻流体水平宽度三个的DIV [英] Three DIVs next to each other with fluid horizontal width

问题描述

我需要知道如何使旁边的海誓山盟与所有不同的背景图像和人们必须989px左格和右格的宽度并不重要中心所有三个div的。

I need to know how to align all three divs next to eachother with all different background-images and the center one needs to be 989px the left div and right div their widths doesn't matter.

推荐答案

在简单地说.. 的http：// jsfiddle.net/hobobne/qyGC5/

<style>
.sides {display: inline-block; width: 100px; border: 2px dotted green;}
#main {display: inline-block; width: 200px; border: 2px dotted blue;} /* you can change this to 989px */
</style>
<div class="sides">side 1</div><div id="main">main</div><div class="sides">side 2</div>

编辑：最终的解决方案： http://jsfiddle.net/ hobobne / qyGC5 / 4 /

The final solution: http://jsfiddle.net/hobobne/qyGC5/4/

这篇关于彼此相邻流体水平宽度三个的DIV的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！