-1

親愛なる友人 私は私のウェブデザインで問題が発生したことにとても苦労しています。次のように私のレイアウト、

<div class="main_div">
<div class="left_column">
<div class=="fixed_div"></div>
</div>
<div class="mid_column"></div>
<div class=="right_column"></div>
</div>

そしてcssファイルは次のようになります

    .main_div{
    float:left;
    width:80%;
    }
   .left_column{
    float:left;
    width:20%;
    }
    .mid_column{
    float:left;
    width:40%;
    }
    .right_column{
    float:left;
    width:20%;
    }

私がやりたかったのは、fixed_divを親要素内で固定し、幅を 100% にする必要があることです。しかし、それは常に left_column から出てきます。どうすればこの問題を克服できますか助けてください。ありがとう 時々、jquery から left_column の幅を変更していることに注意してください。そのとき、fixed_div も left_column として調整する必要があります。

4

3 に答える 3

1

ブロック要素の場合、問題はデフォルトで修正されていますwidth: auto;。#fixed_div幅をまったく調整しないでください。うまくいきます。

PSすべての要素を選択するためにIDを使用することcssは、良いスタイルではありません。クラスに合わせて修正することをお勧めします。

于 2013-03-11T10:57:01.760 に答える
0

これは役立つはずです：

.fixed_div { 
   position: absolute; 
   left: 0; 
   top: 0; 
   width: 100%;
} 

.left_column {
   position: relative;
   float:left;
   width:20%;
}
于 2013-03-11T10:58:16.537 に答える
0

このためにすべての要素をフロートしたので、clearfix テクニックを使用してエラーを削除する必要があります。.fixed_div を に設定しdisplay: block;ます。これで問題が解決しない場合は、デモを投稿してください。実際にあなたが悩んでいたこと。

于 2013-03-11T11:49:33.550 に答える