HTML邊框沒有與浮動影響

所以這是我CSS3行之一：HTML邊框沒有與浮動影響

body{ 
    width: 1500px; 
    border: 2px solid black; 
    text-align: left; 
    margin: 20px auto; 
}

不過，我在HTML的文章，當我寫浮動：留在我的CSS文件，這就是所謂的邊界在文章開始之前停止，在頂部停止。

任何人都可以幫助我解決這個問題嗎？我想讓邊框圍繞一切。

來源

2016-08-22 Code123

當你浮動一個元素，你從文檔流中刪除它。這意味着父母（在本例中爲「身體」）不知道「文章」即使存在。所以父母的身高就像倒空一樣崩潰。您需要查看[*** clearfix ***]（http://stackoverflow.com/search?q=clearfix）方法。一個簡單的解決方案是將'overflow：auto'添加到'body'。 –

你的浮動元素關閉後，在*相同的級別*，把'

'。 **例如：**'

' – Santi

這是我使用的clearfix代碼片段。將此添加到您的CSS的頂部。

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

就像其中一位評論者說的那樣。浮動項目時，會破壞元素的自然塊級別。這意味着，塊級別的元素彼此重疊，而內聯的元素排成一行。

因此，當您將項目浮動到左側時，父div可能會崩潰。爲了解決這個問題，我們向父母添加了一個clearfix。

老實說，您應該發佈更多的代碼，以便我們可以看到實際發生的情況，但這很可能會解決您的問題。

clearfix類添加到您的父母DIV

我的意思是把它添加到任何元素你的文章裏面（它添加到你的CSS後） -

<div class ="clearfix"> 
    <article> information </article> 
</div>

我覺得這個問題有已經回答完所有，這裏有一個帖子，將有助於 - How do you keep parents of floated elements from collapsing?

來源

2016-08-22 21:17:26

HTML邊框沒有與浮動影響

回答

相關問題