私はjsfiddleに次のHTMLとCSSを持っています:
<div class="MyBox">
<div class="TopText">text here</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="OtherText1">text1</div>
<div class="OtherText2">text2</div>
</div>
.MyBox{
padding:10px 10px;
position:absolute;
margin:10px 0px;
border:5px solid black;}
.TopText{clear:right;}
.MyText{
float:left;
margin:10px 10px;}
.OtherText1{
clear:left;
float:left;
margin:10px 10px;}
.OtherText2{
float:left;
margin:10px 0px 10px 50px;}
クラスMyBoxのdivは絶対に配置する必要があります。問題は、コンテナdivにOtherText divがない場合、MyBox divのサイズが適切に設定されることですが、これらのdivがある場合、コンテナdivは幅を追加することでサイズが変更されるようです。この問題はChromeでのみ発生するようですが、これはかなり奇妙なことです。
どうすれば修正できますか?
ありがとう。