0

最終的に 3 つの「ウィジェット」 (カレンダー、YouTube プレイリスト、およびオーディオ ポッドキャスト) を含む 3 つの div が連続しています。最初の 2 つの DIV に 30% の幅を適用するとすべてが機能しますが、3 番目の DIV に任意の幅を適用すると、ページ全体が左にシフトします (絶対位置左: 0)。また、.widgets 内に含まれる DIV に追加されたパディングは、ページに影響を与えるようです。なぜこれらの DIV、特に 3 番目の DIV がこれほど多くの問題を引き起こしているのでしょうか? また、紙の上にあるデザインを実現するにはどうすればよいですか (SkyDrive リンク)。

結果の JSFiddle... スクリーンショットとワイヤーフレームの SkyDrive フォルダー

4

1 に答える 1

0

要件に応じてコードの一部を変更し、更新されたFiddleを確認しました。

更新された CSS コード

.events {
    background: red;
    float:left;
    width:33%;

}
.youtube {
    background: green;
    float:left;
    width:31%;
    margin-left:10px;
    margin-right:10px;

}
.audio {
    background: white;
    float:left;
        width:33%;
}
于 2013-03-03T21:18:47.947 に答える