html怎么让div一直在中间,html中心div总是在中间，其他两个动态

我想创建简单的HTML。我想创建3个div。html中心div总是在中间，其他两个动态

My Site

中心div是固定的大小，总是在中间。但第一个和第三个div是动态的。如何做到这一点。

CSS

#top_left {

background-image: url(images/pikacom_01.gif);

background-repeat: repeat-x;

background-position: left;

height: 85px;

}

#top_center {

background-image: url(images/pikacom_02.gif);

background-repeat: no-repeat;

background-position: center;

width: 1024px;

margin: 0 auto;

height: 85px;

}

#top_right {

background-image: url(images/pikacom_03.gif);

background-repeat: repeat-x;

background-position: right;

}

+0

你能预先指定的宽度和'＃top_right'和'＃top_left'的高度或在这些动态调整基于内容？ –

+0

我假设高度为85px(请参阅'＃top_left')。由于它被称为'top_ ...'，它可能是某种标题。至于宽度，请参阅我的答案，左栏和右栏真正灵活。 –

+0

#top_left和#top_right是动态的，取决于屏幕的大小。中心只有1024像素宽度... –