0

このjsfiddleを見てください

親divの幅と高さ全体を使用して右のdivを作成しようとしています。

私が間違っていることについて何か考えはありますか?

これがHTMLです

<div style="width:150px;padding:0;min-height:200px;">
  <div style="width:100%;background-color:#99CD4E;">
    <div style="width:35px;padding:5px;display:inline-block;border: solid 1px #ff0000;">
      <img src="/photos/files/5/main/small_thumb.jpg" class="thumb_small "/>    
    </div>
  <div style="height:100%;display:inline-block;border: solid 1px #ff0000;">user <strong>age</strong><br>town, state</div>
</div>
4

1 に答える 1

2

それらをスタイリングする代わりに、 divをスタイリングして、その特定のdivに100%の幅を与えることdisplay:inline-blockができます。display:table-cell

jsFiddleの例

<div style="width:150px;padding:0;min-height:200px;">
  <div style="width:100%;background-color:#99CD4E;">
    <div style="width:35px;padding:5px;display:table-cell;border: solid 1px #ff0000;">
      <img src="/photos/files/5/main/small_thumb.jpg" class="thumb_small "/>    
    </div>
  <div style="height:100%;width:100%;display:table-cell;border: solid 1px #ff0000;">user <strong>age</strong><br>town, state</div>
</div>
于 2012-12-12T16:15:59.413 に答える