CSS合併樣式問題

我有一個分爲兩部分的div。左和右。它開始爲：CSS合併樣式問題

main-bottom-div-left{ 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 


    **float:left;** 
} 

main-bottom-div-right{ 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 


    **float:right;** 
}

我想，它會更有意義，有這樣的事情

main-bottom-div { 
    font-family: Arial; 
    font-size: 25px; 
    font-weight: bold; 
    color: #5c5622; 
    width:348px; 
    margin-left:10px; 
    padding-right:7px; 
    margin-right:0px; 
    margin-top:5px; 
    height:30px; 
    background-color:#d9d4a5; 
} 

.left { 
    float:left; 
} 


.right { 
    float:right; 
}

並以某種方式是指每個像

<div class="**main-bottom-div.right**"></div> 
<div class="**main-bottom-div.left**"></div>

它沒有按預期工作，我也嘗試了跨度。所有我試圖做到的都是沒有重複的，而且基本上有我之前所做的和的重複。

來源

2011-07-01 Ted

的「組合」你提到被稱爲多類別，它代表你的標籤中有多個類，並且你只需要寫一個由空格分隔的每個類。 – jackJoe

您可以將多個類分配給一個元素：

所有你需要的是把他們之間的空間

來源

2011-07-01 09:12:45 Ibu

偉大的東西！謝謝！我仍然無法評分，但我在這裏給你。 :) – Ted

我很高興我可以幫助:) – Ibu

這是因爲多類不能有一個時期，你需要一個空間，像這樣：

來源

2011-07-01 09:11:37 jackJoe

謝謝，這就是訣竅！ – Ted

試試這個：

 
.main-bottom-div-left, 
.main-bottom-div-right { font-family: Arial; font-size: 25px; font-weight: bold; color: #5c5622; width:348px; margin-left:10px; padding-right:7px; margin-right:0px; margin-top:5px; height:30px; background-color:#d9d4a5; float:left;} 
.main-bottom-div-right { float:right;}

來源

2011-07-01 09:12:31 Litek

這應該按預期工作。

<div class='main-bottom-div left'> 
    Test 
</div> 

<div class='main-bottom-div right'> 
    Test 
</div>

來源

2011-07-01 09:12:44 Eddie

CSS合併樣式問題

回答

相關問題