ピックアップされていないように見えるCSSに問題があります。同じキャラクターで 3 種類のスタイルを持っています。奇妙なことに、適用する<div class = "block halfleft">..</div>
と正しいスタイルが表示されますが、<div class = "twoblock halfleft">
機能していないようです! これを引き起こす原因は何ですか?
CSS
#member {
padding: 0;
}
#member .block {
width: 960px;
margin-bottom: 40px;
padding-left:30px;
height: 475px;
float: left;
text-align: left;
}
#member .twoblock {
width: 960px;
margin-bottom: 0;
padding-left:75px;
padding-bottom: 75px;
height: 100%;
float: left;
text-align: left;
}
#member .threeblock {
width: 960px;
margin-bottom: 0;
padding-left:75px;
padding-bottom: 75px;
height: 500px;
background-color: #fff;
float: left;
text-align: left;
}
#member .block.halfleft, #member .twoblock.halfleft, #member .threeblock.halfleft{
width: 520px;
height: 240px;
float: left;
padding-top: 25px;
}
#member .block.halfright, #member .twoblock.halfright, #member .threeblock.halfright{
width: 350px;
height: 240px;
float: left;
padding-top: 55px;
}
ページ
//WORKS://
<div class="block">
<div class="block halfleft">//text//</div>
<div class="block halfright">//text//</div>
</div>
//DOESNT WORK BUT WHAT I WANT TO MAKE WORKING://
<div class="twoblock">
<div class="twoblock halfleft">//text//</div>
<div class="twoblock halfright">//text//</div>
</div>
//WORKS://
<div class="twoblock">
<div class="block halfleft">//text//</div>
<div class="block halfright">//text//</div>
</div>