如何爲div標記添加css

我有一個div標記和另一個div標記中的地址的時鐘。我想在左側顯示時鐘，在右側顯示地址。現在地址顯示在時鐘下方。如何爲div標記添加css

<div class="new"> 
    <div class="clock"> 
    //my clock code 
    </div>  //end of clock div 
    <div class="address"> 
     <p> </p> //address 
    </div>  //end of address div 
</div>   //end of new div 

css 
    .new .clock{ 
    margin:0; 
    padding:10px 0px 0 0; 
    float:left; 
    } 
    .address{ 
    margin:0; 
    padding:30px 0px 50px 0px; 
    text-align:right; 
    }

來源

2015-02-23 user3386779

浮動地址DIV右 - http://jsfiddle.net/Paulie_D/54pqbh2e/ 2/ – 2015-02-23 12:15:35

或者只是如果你想內聯元素反正使用的跨度？ – adeneo 2015-02-23 12:16:16

時鐘：float: left;

的地址：float: right;

但如果瀏覽器窗口變得太小，他們將在對方再次出現

來源

2015-02-23 12:18:24 AlexG

只需添加一個浮動：左到地址也是如此。

看起來與填充有點怪異但是

來源

2015-02-23 12:20:17

嘗試使用下面的代碼

.clock { 
display:inline-block; 
width:40%;

}

.address { 
    display:inline-block; 
    width:40%; 
}

可以與之相似的使用浮動，但你需要給父元素像

.clock { 
    float:left; 
} 

.address { 
    float:right; 
}

.new{ clear:both; }

來源

2015-02-23 12:21:01 Sydonia

我創建了一個快速小提琴here以顯示如何並排放置2個div的示例。

下面是它的CSS代碼。我爲每個div添加了浮動屬性，並使它們佔頁面總寬度的40％（只要它們不超過100％，就可以更高）。

.clock { 
     margin:0; 
     padding:10px 0px 0 0; 
     float:left; 
     width:40%; 
    } 
    .address { 
     margin:0; 
     padding:10px 0px 0 0; 
     text-align:right; 
     float:right; 
     width:40%; 
    }

來源

2015-02-23 12:29:38 imelgrat

如何爲div標記添加css

回答

相關問題