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

你必须在你的身体里拥有一切。如果你想实现一个 3 柱结构,中间是身体目前的样子,侧面有 2 个地方,你可以做类似的事情。

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

并在你的 CSS 中用 #main 替换 body 添加另外 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 回答
0

如果你想在正文的两侧添加额外的内容,你需要做的是指定 3 个<div>元素,将它们设置为页面的宽度(如果你想在主要区域的每一侧做广告,你可以设置百分比使用 css width 属性为每个 div 占用,或者如果您想要精确测量,可以将其设置为像素。

将第二个“中间”div 作为您的新“主体”,您将在其中拥有您的内容。

这有意义吗?

于 2013-09-15T17:40:53.780 回答
0

这是我认为您希望它使用的html示例css

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

于 2013-09-15T18:24:18.810 回答