我想创建简单的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像素宽度... –