浮動：左看起來不起作用

-3

我有這個site。因爲我在馬德里的Instalacion de canalon有float: left，所以我預計「2años」會在「Instalacion de canalon en Madrid」的右側，但是沒有，任何人都知道爲什麼？浮動：左看起來不起作用

.logo-h1 { 
    float: left; 
    .logo { 
    width: 324px; 
    height: 57px; 
    a { 
     width: 324px; 
     height: 57px; 
     display: block; 
    } 
    } 
    h1 { 
    font-size: 17px; 
    font-family: Verdana, Verdana, Geneva, sans-serif; 
    width: 491px; 
    margin-left: 20px; 
    color: #BC2758; 
    margin-top: 6px; 
    } 
} 
.garantia { 
    margin: 9px 24px 0 0; 
    width: 145px; 
    height: 91px; 
}

來源

2013-09-25 ziiweb

權提供你的CSS –

請添加有意義代碼和問題描述在這裏。請不要將鏈接到需要修復的網站 - 否則，一旦問題得到解決，此問題將會丟失未來訪問者的任何價值。發佈 [簡短，獨立，正確的示例（SSCCE）]（http://www.sscce.org/），這表明您的問題將幫助您獲得更好的答案。有關更多信息，請參閱 [我的網站上的某些內容不起作用。我可以只粘貼一個鏈接到它嗎？]（http://meta.stackexchange.com/questions/125997/）謝謝！ – j08691

差不多5k的聲望，只是LINK –

Float從常規HTML流中移除該元素。當你有多個元素時，你需要給每個元素一個float屬性。在這種情況下，您也可以通過class="garantia my-icons-garantia"（2 anos）將float:left給div，它會顯示在第一個的右側。

來源

2013-09-25 17:02:39 greener

謝謝，但它爲什麼在這裏工作？ http://codepen.io/anon/pen/wFklj與我的代碼有什麼不同？ – ziiweb

在你的代碼中，'float'在'h1'的'div'父節點上。事實上，標題和「2 anos」都在'div'中，所以這就是爲什麼你需要兩個「float：left」。 – greener

我不能完全肯定這是爲什麼發生的事情，但如果添加float: left「2個ANOS」，它會出現的「Instalacion德cananlon EN馬德里」

來源

2013-09-25 17:03:36 mylescc

浮動：左看起來不起作用

回答

相關問題