0

コードは次のとおりです。

   <div  style="border-style:solid; border-color:aqua; border-width:1px;">

       <img src="some picture" align="left" /> 
       <div>
            <span >SOME TEXT</span></br>
            <span >SOME TEXT</span></br>
            <span >SOME TEXT</span>
       </div>  

   </div>

スパンブロックは画像​​よりも少ない（垂直）スペースを使用するため、境界線と画像が重なり、画像の一部がdivスパンから外れます。これがjsFiddleです

境界線をoutdivに適用する方法は？

4

3 に答える 3

3

最後に：を追加して、画像とdivをクリアする必要があります<div style="clear:both"></div>。

<div  style="border-style:solid; border-color:aqua; border-width:3px;">

           <img id="image_HDDimageControl" src="http://stereo-ssc.nascom.nasa.gov/beacon/t0193.jpg" align="left"> 
           <div>
             <span >SOME TEXT</span ></br>
             <span >SOME TEXT</span ></br>
             <span >SOME TEXT</span >
           </div>  

<div style="clear:both"></div>
于 2013-01-14T10:39:31.817 に答える
3

overflow:auto最初のdivスタイルに追加します。

于 2013-01-14T10:43:28.577 に答える
2

このhttp://jsfiddle.net/vleran/aTDYL/8/<div style="clear:both;"></div>が、外部div（親div）のタグを閉じる前に追加するだけでなく、実行しようとしていることである場合。

于 2013-01-14T10:40:17.313 に答える