css - HTML，3 列布局

Question

大家好，我需要帮助，我正在将我的网站从表格更改为 div

我的问题是我的网站需要 3 个内联 div 我需要在页面中心有一个 788px 的 div 其他 2 个在左侧和右侧它们将有一个重复的背景图像，根据屏幕分辨率增加和减少但是中心的 div 必须保持相同的大小，并且无论分辨率如何，它都必须位于页面的中心。这可能使用 div 吗？

Answer 1

这当然是可能的:我建议看看 float (http://www.w3schools.com/css/css_float.asp)和背景图片(http://www.w3schools.com/cssref/pr_background-image.asp)

设置背景图片:

<div style="background-image:url('location/image.ext');">

查看重复的背景:http://www.w3schools.com/cssref/pr_background-repeat.asp

至于一个 3 列布局的例子，网上有很多，一个简单的可以在这里找到:http://www.electrictoolbox.com/basic-3-column-fixed-width-css-layout/

    <div id="container">

    <div id="left">
    </div>

    <div id="right">
    </div>

    <div id="content">
    </div>

    <div class="clear"></div>

    <div id="footer">
    </div>

</div>

#container {
    width: 700px;
}

#left {
    float: left;
    width: 150px;
}

#content {
    padding: 0 210px 0 160px;
}

#right {
    float: right;
    width: 200px;
}

.clear {
    clear: both;
}