帶文本和不帶文本的HTML和CSS定位更改

-1

我有一段代碼，並且由於我的代碼而發生了一些瘋狂的事情。例如，我想要有三個div盒，我使用CSS創建它們，並且當我向第一個文本寫入文本時，如果我在第二個文本中寫入兩行文本，第二個文本會更低而第三個（沒有文本）就像我想的那樣保持良好的狀態。有我的代碼：帶文本和不帶文本的HTML和CSS定位更改

<html> 
<head> 
<style> 
div.a { 

     background:; 
     border:; 
     box-shadow:0px 0px 2px #888888; 
     width:200px; 
     height:200px; 
     border-radius:1px; 
     display:inline-block; 
     margin:10px; 
     clear:both; 

    } 
</style> 
</head> 
<body> 
<div class="a"> 
<a href="">Name</a><br> 
123 
</div> 

<div class="a"> 
<a href="">Name</a> 
</div> 

<div class="a"> 
</div> 

</body> 
</html>

來源

2014-05-03 user3599589

Demo

三個裏面的div必須浮動到左邊，這樣，他們應該是齊。沒有浮動，他們可以在不同的瀏覽器中產生問題。

CSS

div.a { 
    box-shadow:0px 0px 2px #888888; 
    width:200px; 
    height:200px; 
    border-radius:1px; 
    margin:10px; 
    float:left; 
}

來源

2014-05-03 17:18:06 4dgaurav

帶文本和不帶文本的HTML和CSS定位更改

回答

相關問題