Question

在我http://www.replyonline.co.uk/test/index.html的网页上，您会看到名为#twitter的推特div。

正如你所看到的，它看起来不合适，需要在它左边的4 #about div之后，但也需要与其他人对齐。它目前看起来很低下。

我还在所有#about框中放了一个div来将它们与#twitter div分开。

这是关于其中一个框和推特框的CSS：

#about1{
width: 260px;
min-height: 140px;
float: left;
margin: 0 20px 15px 0;  background: url(../images/about_grad1.jpg) bottom right;
display: block;
 }

#twitter{
width: 220px;
margin-bottom: 20px;
height: 290px;
overflow: auto;
float: right;
font-size: 11px;
background: #ececec;
 }

Answer 1

看看是否有效

#twitter {
width: 240px;
margin-bottom: 20px;
height: 290px;
overflow: auto;
font-size: 11px;
background: #ECECEC;
float: right;
margin-top: -310px;
margin-left: 50px;
}

Answer 2

您需要将twitter div放在与4个关于框

相同的div块中

应该是

<div>
  <div>box1</div>
  <div>box2</div>
  <div>box3</div>
  <div>box4</div>
  <div>twitter</div>
</div>

然后将其细化一点或调整边距。水平房间不够。如果将#twitter宽度设置为240，则应将所有内容都放在一行上，然后调整直到看起来没问题。

DIV定位不正确

2 个答案: