0

我的网站上有一个 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>
4

1 回答 1

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

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

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

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

于 2012-05-02T22:21:15.220 回答