-1

コンテンツとともにページを下に続く背景色を持つサイドバー要素を実現したいと考えています。私はこれを行うことができましたが、サイドバーのすぐ隣にある「線」または境界線も追加したいと思います。

このフィドルを見ると、

http://jsfiddle.net/MattStrange/BrM7R/

<div id="container">
<div id="content">This is some content</div>
<div id="sidebar">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum.</div>

右側にある赤い背景のサイドバーのすぐ隣に「緑」の背景の線が欲しいです。

どうすればこれを達成できますか?

乾杯

4

1 に答える 1

0

これを試して :

#container{
    background-color:#9cc;
    overflow:hidden;
    width:500px;
}
#content {  
    width:400px;
    border-left:100px solid #c33; 
    margin-left:-100px;
    float:right;
    display:block;
}
#sidebar {
    background-color:#c33;
    width:100px;
    border-right:2px solid green;
    display:block;
    box-sizing:content-box;
}
于 2013-07-22T02:57:52.157 に答える