HTML/CSSを組んでいます。
以下のようにHTMLとCSSを組むと、
一番外側のBOXのoverflowで住所が途中で切れてしまいます。
※classは名前付けだけのためで、CSS等は設定されていません。
━━━━━━━━━━━━━━━━━━
<div class="outerBox" style="overflow:hidden;padding:5px;width:100%;border:1px solid #000;"> <div class="leftBox" style="float: left;width:60px;height:60px;border:1px solid #000;"> <img src="img/noImage.jpg" width="60px" class="border"> </div> <div class="rightBox" style="margin-left:65px;width:100%;border:1px solid #000;"> <h2 style="margin:0;font-size:16px;">テスト</h2> <div class="category">カテゴリ</div> <div class="address">住所住所住所住所住所住所住所住所住所住所住所住所住所住所住所住所住所</div> </div> </div> ━━━━━━━━━━━━━━━━━━以下のように途中で折り返せるようにしたいです。
https://gyazo.com/1773a70f0a1bf9d1c8bab839cf916801
Widthが固定なら楽なのですが、
outerBoxのWidthが可変でleftBoxのみ固定のWidthということで、
少し苦戦しています。
どうするとleftBox固定でrightBox可変のCSSになりますか。
お手数お掛けいたしますが、
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/08/31 05:08