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;
}