Question

我在我的网站上有一个Twitter提要，我试图把它放在一个顶部，一个中间部分，根据需要重复以容纳文本和底部图像以及底部下方的图像。问题是最初的饲料是在一个没有重复的盒子里，或者饲料只是放在盒子顶部的任何东西，但现在我不能让盒子设置正确或饲料来做它的事情。这是我的代码：

#twitter_update_list {
overflow: hidden;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 20px;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

#twitter_update_list li {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
list-style: none;
}

#twitter_update_list li a {
color:#f7f6e7;
text-decoration: none;
}

#twitter_update_list li a:hover {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #f7f6e7;
}

.twitter_top {
position:absolute;
left:632px;
top: 39px;
    width: 333px;
    height: 27px;
    background:url(twittertop.png);
}

.twitter_mid {
width: 333px;
background:url(twittermiddle.png);
background-repeat:repeat-y;
padding: 0 15px;
}

.twitter_bot {
width: 333px;
height: 27px;
background:url(twitterbottom.png);
background-repeat:no-repeat;
margin-bottom: 0px;
}

    .twitter_whale {
    width: 140px;
    height: 67px;
    left: 900px;
    background-image: url(Layer-6.png) no-repeat;
    position: absolute;
    left: 9px;
    top: 9px;
    line-height: 13px;
    }





<div class="twitter_top"></div>
<div class="twitter_mid">
<ul id="twitter_update_list"></ul>
</div>
<div class="twitter_bot"></div>
<div class="twitter_whale">


    <div id="twitter_div"><ul id="twitter_update_list"><li></li></ul></div>

(update list i'm not putting in here because it's just the js)
  </div>

Answer 1

<div id="twitter_box">
  <div id="twitter_top">
  </div>

  <div id="twitter_middle">
  </div>

  <div id="twitter_bottom">
  </div>
</div>

我认为将它们全部包含在一个div中会更有意义，从这里你可以设置你的样式，因为你希望中间部分扩展离开高度动态。

网站上的Twitter提供令人困惑的重复框

1 个答案: