css - CSS 图像乱码

Question

有人可以帮我做一些 CSS 图像定位吗？

我正在尝试制作一个顶部和底部是单独图像的列。我这样做是为了得到一个漂亮的曲线，但是当图像被放入时，右列会在左 div 下方而不是向右浮动。我尝试过绝对定位，但似乎什么也没做。任何帮助将不胜感激，谢谢。

CSS：

#column-top{
    width:735px;
    height:40px;
    float:left;
    background-image:url(images/opactop.png);
}

#column_left_content{
    width:735px;
    min-height:500px;
    margin-right:0px;
    float:left;
    background-image:url(images/opaccontent.png);
    background-repeat:repeat-y;
}

#column_bottom{
    width:735px;
    height:40px;
    float:left;
    background-image:url(images/opacbottom.png);   
}


#column_right{
    width:160px;
    height:900px;
    float:right;
    background-image:url(images/opac.png);
    background-repeat:repeat-y;
}

Answer 1

这是我给你的小提琴。你不需要浮动顶部和底部。left 浮动两个中间的并将它们放在容器 div 中。 jsfiddle