0

ダウンしているように見えるため、jsfiddle に投稿できません。

div.browseBuildsArea-pro 
{
   float: left; 
   position: relative;
   width: 790px; 
   height: 90px; 
   background-image:url('../images/builds/builds-bg-pro.jpg'); 
   background-repeat:no-repeat;
}

div.browseBuildsArea-pro img.champion 
{
   display: block;
   height: 72px;
   margin-left: 14px;
   margin-top: 7px;
   border-radius: 9px;
   -moz-border-radius: 9px;
   -khtml-border-radius: 9px;
   -webkit-border-radius: 9px;
}

div.browseBuildsArea-pro div.build-poster 
{
    display: block;
    position: relative;
    margin-left: 150px;
    margin-top: 10px;
}

<div class="browseBuildsArea-pro">
<img class="champion" src="<%THEME%>images/lol/avatars/2.png">

<div class="build-poster">
    awdwada
</div>
</div>

私は CSS を初めて使用するので、2 つの点で助けが必要です。スタイリングで属性を使いすぎていませんか? 「build-poster」div は常に画像の下に配置されます。画像の右側に表示するにはどうすればよいですか？

どうもありがとう！

4

2 に答える 2

0

これらの divでは 、、およびプロパティを使用していないため、 position:relativeonを指定する必要はありません。ただし、IE7 などの古いブラウザには適しています。<div>lefttoprightbottom

クラスに追加float:leftする必要がありますimg.champion

于 2013-01-31T16:02:22.150 に答える
0

画像を浮かせる必要があり、次を追加します。

div.browseBuildsArea-pro img.champion {
    float: left;
}
于 2013-01-31T16:00:43.883 に答える