1

何時間もの間、私は画像に投稿したものを取得しようとしていますが、それに到達できません...なぜそれらのCSSはそれほど使い勝手が悪いのですか？

たとえば、緑色の2つのdivが同じ長さでない場合、私のフッターは最短の緑色のdivのすぐ下に投稿されます。

また、すべてのコンテンツを1000pxの狭いウィンドウ用にサイズ変更できるようにしたいと思います。

ありがとうございました！

だから...画像を投稿できないことがわかりました...

私はここで「描く」ことを試みます：

---------------------------------------------------
|                 DIV                             |
---------------------------------------------------
|                  DIV                            |
--------------------------------------------------
|                  DIV                            |
---------------------------------------------------
|            some white space                     |
-----------------------   -------------------------
|                     |  |                        |
|                     |S |                        |
|                     |P |                        |
|                     |A |                        |
|                     |C |                        |
|                     |E |                        |
|DIV (about 30% width)|  | DIV (rest of width)    |
|                     |  |                        |
|                     |  |                        |
|                     |  |                        |
|                     |  |                        |
|                     |  |                        |
|                     |  |                        |
|_____________________|  |________________________|
|               some white space                  |
|_________________________________________________|
|                   div for footer etc.           |
|_________________________________________________|
4

1 に答える 1

0

以下は、レイアウト用の HTML です。

<div>
  <div class="div1">
  </div>
    <div class="div1">
  </div><div class="div1">
  </div>
    <div class="left">
  </div>    <div class="right">
  </div>
    <div class="footer">
  </div>
</div>

以下はそのCSSです。

.div1
{
    width:100%;  
    border:1px solid black;
    height:50px;
    margin:5px;
}
.left
{
 width:30%;   
 border:1px solid black;
 margin:5px;
 height:50px;
 float:left;
}
.right
{
 width:60%;
 border:1px solid black;
 height:50px;
 float:right;
 margin:5px;

}
.footer
{
     width:100%;  
     border:1px solid black;
     height:50px;
    overflow: auto; 
    margin:5px;

}

高さを変更します。または、高さを自動的に取得する DIV にコンテンツを追加する場合、高さを変更する必要はありません。

ここでフィドルを参照してください

于 2013-01-23T04:44:20.860 に答える