Question

我刚刚在我的网站 The Kashmir Scenario 中嵌入了Jquery News Ticker，但我希望自动收录器占据页面宽度的60％，以便带有“.threecol_three”类的div向上移动以获得剩余的它上面的空间，但有些如何做到这一点，我尝试在CSS中应用'浮动和显示'命令.....但它似乎没有工作..

这是css代码：

.threecol_three {
   width:303px;
   float:right;
   margin-bottom:56px;
}

.ticker-wrapper.has-js {

margin: 20px 0px 20px 0px;
padding: 0px 20px;
width: 580px;
height: 32px;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #f8f0db;
font-size: 0.75em;
}

Answer 1

将三个div“threecol_one”，“threecol_two”和“ticker-wrapper”包裹在一个浮动到左边的div中。

修改

另一种解决方案：

id为“content”的div内部是一个id为“also”和“bottom”的div。所以这些部分包装得很好，以便更好地控制。也许你可以将“ticker-wrapper”，“threecol_one”，“threecol_two”和“threecol_three”分组，就像你对其他两个部分所做的那样。然后你可以试试下面的例子。

示例：

<div id="wrapper">
    <div class="ticker-wrapper">
    </div>
    <div class="threecol_one">
    </div>
    <div class="threecol_two">
    </div>
</div>
<div class="threecol_three">
</div>

#wrapper{
    float: left;
}

需要css div定位校正

1 个答案: