Question

HTML：

    <div class="content">
    <div class="centralPanel">
        <div class="panel leftPanel">
            <div class="widget home" id="home">home</div>
            <div class="widget" id="topServices">top</div>
        </div>
        <div class="panel rightPanel">
            <div class="widget home" id="userArea">user</div>
            <div class="widget" id="newServices">new</div>
        </div>
                <div id="searchResult" class="mainText">result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/>result<br/></div>
    <div class="bottomPanel" id="bottomPanel">bottom</div>
    </div>
</div>

CSS：

div.content {
    margin-top: 80px;
    width: 100%;
}

div.panel {
    position: absolute;
    height: 500px;
    width: 200px;
    top: 0;
}

div.leftPanel {
    left: 0;
}

div.centralPanel {
    width: 752px;
    min-height: 500px;
    position: relative;
    padding: 0 200px;
    margin: 0 auto;
}

div.bottomPanel {
    position: absolute;
    margin-top: 100px;
    width: 752px;
}

div.rightPanel {
    right: 0;
}

.servicesWidget {
    color: #149bdf;
    font-size: 11px;
    height: 275px;
    width: 145px !important;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #149bdf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px;
}

.servicesWidgetCell {
    border-top: 1px solid #149bdf;
}

.topDiv {
    height: 23px;
}

.mainText {
    font-size: 12px;
    line-height: 1.5;
}

以下是fiddle link

如果＆＃34;结果＆＃34;有太多的数据，＆＃34;底部＆＃34;必须在＆＃34;结果＆＃34;之后定位，但是，如果＆＃34;结果＆＃34;然后没有太多的信息＆＃34;底部＆＃34;必须低100px。

可以通过HTML和CSS吗？

Answer 1

如果你想移动一个Div（我推测？）100px，你可以轻松地这样做：

margin-top: 100px;

可以将div降低100px吗？

1 个答案: