CSS：私はdiv要素とCSSを使用して、上記達成するにはどうすればよいの幅

Question

alt text http://savepic.ru/775980.png

を通報しますか？

Answer 1

This siteすべてを設定するのに役立ちます。その後、色を正しく取得することは難しくありません。

Answer 2

CSS Width propertyを使用して要素の幅を設定します。

Answer 3

以下のコードを実行してください。私の例の画像は80×80ピクセルです。私は内側に2ピクセルの白い境界線があると仮定していて、左右の緑色のボックスに少しのパディングを追加しました。

Result http://www.subbot.net/personal/external/stackoverflow/css-happymyself.png

（Iの少しのミスが、クロップ、しかし、あなたのアイデアを得る）

<div class="wrapper"> 
    <div class="innerBorder"> 
     <img src="images/thorarin.jpg" /> 
     Lorem ipsum dolor sit amet... (snip) 
    </div> 
</div> 

<style type="text/css"> 
    div.wrapper 
    { 
     border: solid 2px red; 
    } 

    div.wrapper div.innerBorder 
    { 
     border: solid 2px white; 
     background-color: green; 
     padding-right: 3px; 
     height: 80px; 
     overflow: hidden; 
    }   

    div.wrapper div.innerBorder img 
    { 
     float: left; 
     border-right: solid 2px white; 
     margin-right: 3px; 
     width: 80px; 
     height: 80px; 
    } 
</style>  

編集：おっと、クリアDIVを削除しました。私はもともとこれを可変高さにしましたが、これは必須条件ではありませんでした。