0

小さくて簡単な質問。これらのCSSルールを取得しました。

html {
    background-image:url('../images/background1.jpg');
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    border:  3px solid rgb(75,75,75);
    box-shadow: 0 0 15px 5px rgba(40,80,100,.75);
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomrightt: 10px;
    border-bottom-right-radius: 10px;
    background:url('../images/background4.jpg');
    background-size: cover;
    min-height: 900px;
    height:auto;
}

ここで、本体ではなく、相対的に配置された広告ボックスを側面に追加したいだけです...どうすればいいですか? よろしくお願いします

4

3 に答える 3

0

htmlこれは、あなたがそれを使用したいと思うものの例ですcss

http://jsfiddle.net/Hive7/tzeTQ/1/

于 2013-09-15T18:24:18.810 に答える
0

本文の側面に追加のコンテンツが必要な場合は、3 つ<div>の要素を指定し、それぞれをページの幅に設定する必要があります (メイン領域の両側に広告を表示する場合は、パーセンテージを設定できます) css width プロパティを使用して各 div を占めるようにするか、正確な測定値が必要な場合はピクセル単位で設定できます。

2 番目の「中間」div を、コンテンツを配置する新しい「本文」として作成します。

これは理にかなっていますか？

于 2013-09-15T17:40:53.780 に答える
0

体の中にすべてを持たなければなりません。真ん中が現在の本体で、側面に 2 か所の 3 列構造を実現しようとしている場合は、次のようなことができます。

<div id="wrapper">
    <div id="left"></div>
    <div id="main"></div>
    <div id="right"></div>
</div>

CSS で body を #main に置き換え、別の 2 つのプロパティを追加します。float: left; width: 70%

他の要素の css プロパティも追加します

#wrapper {width: 100%;}
#left {width: 15%; float: left;}
#right {width: 15%;float:left;}
于 2013-09-15T18:09:02.117 に答える