1

これは私のコードです:

<html>
<head>
<style>
#wrap{
      border: 1px solid black;
      width: 500px;
      height: 200px;
}

#wrap div{
     border: 1px solid red;
     width: 100px;
     height: 150px;
     float: left;
}

.item2{
   float: right;
}
</style>
</head>
<body>
<div id="wrap">
    <div class="item1"></div>
    <div class="item2"></div>
</div>
</body>
<html>

div アイテム 2 が正しく流れなかったのはなぜですか?誰でも助けてくれますか?

4

4 に答える 4

4

CSSの優先順位のため。

セレクターを次のように変更します。

#wrap .item2{
   float: right;
}

実際のデモを見る

于 2012-12-18T09:26:46.790 に答える
1

CSS の特異性に問題があります。

ここに素晴らしい記事があります：

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

ただし、次のことを試してください。

<style>
#wrap{
      border: 1px solid black;
      width: 500px;
      height: 200px;
}

#wrap div{
     border: 1px solid red;
     width: 100px;
     height: 150px;
     float: left;
}

#wrap .item2{
   float: right;
}
</style>
于 2012-12-18T09:27:51.767 に答える
1 
#wrap div.item2{float: right;}
于 2012-12-18T09:28:28.353 に答える
-1

デモ
これを試してください：

.item2{
   float: right !important;
}
于 2012-12-18T09:27:21.190 に答える