1

ここに私のウェブサイトがありますので、問題を見ることができます: webpage

問題は、私.footer が を持っているmargin: 50px 0 50px 0;ことですが、何らかの理由で、上から 50px のマージンがないように見えます。何が問題を引き起こしているのかわかりません。

これがフッターセクションの完全なcssです（.dashed-footer基本的に、破線の境界線を持つフッターの内部セクションです。）

CSS

.footer {
    margin: 50px 0 50px 0;
    background-color: #1d130e;
    width: 100%;
    min-width: 1000px;
    height: 50px;
    border-top: 1px solid #0d0907;
    border-bottom: 1px soid #0d0907;
    clear: both;

    -webkit-box-shadow: 0px 0px 15px -1px #181513;
    box-shadow: 0px 0px 15px -1px #181513;
}

.dashed-footer {
    height: 37px;
    margin-top: 5px;
    text-align: center;
    line-height: 38px;
    border-top: 1px dashed #613e27 !important;
    border-bottom: 1px dashed #613e27 !important;
    color: #e6d7bb;
    text-shadow: 1px 1px 0 #000;
}
4

2 に答える 2

4 
overflow: hidden;

がsection.content答えです。これは、その中の要素が浮動しているため、ドキュメントの通常の流れから外れるからです。

于 2012-08-26T12:50:41.303 に答える
2

から50px下にマージンがかかっているからだと思いますが<section id="content">、なぜかトリオがそのセクションの外に配置され、フッターを押し下げています！「要素の検査」を選択してマウスオーバー<section id="content">すると、スライドの下側で停止し、トリオがその下にあることがわかります。解決策はすることだと思いますmargin: [height of trio plus margins, borders, etc] + 50px 0 50px 0;

于 2012-08-26T12:56:36.577 に答える