0

問題は、タイトルが示すように、ここの投稿をグーグルで調べた後、私にとってうまくいく解決策をまだ見つけていません。サイドバーはラッパーを実装する固定サイズのデザイン内にあるため。

CSS:

#container {
    width: 100%;
    float: left;
}

#content {
    padding: 0px 270px 20px 30px;
    background-image: url("../images/mainbg.jpg");
    border:1px solid #1a1a1a;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    box-shadow: 2px 2px 2px #000000;
}

#sideRight {
    float: right;
    width: 200px;
    margin-left: -250px;
    margin-right: 10px;
    padding: 2px 0px 30px 38px;
    background-image: url("../images/sidebarlight.png");
    background-repeat:repeat-y;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

JSFiddle: http://jsfiddle.net/6LTFH/

ウェブサイト: http://www.debbie.travismoore.co.uk/

どんな助けでも大歓迎です、乾杯

4

2 に答える 2

0

簡単な方法はありません:) ...（CSSテーブルを使用する場合を除く）

次の最も簡単な解決策は、次のとおりです。 列をページの高さいっぱいに設定し ます

しかし、その真相を知りたい場合は、次の記事をお読みください: http://tympanus.net/codrops/2013/07/17/troubleshooting-css/#article-width-height

http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/

頑張ってください、そして彼らがフレックスボックスをすぐにリリースすることを望みましょう ;)

于 2013-10-01T11:45:23.683 に答える