將內聯和浮點應用於元素時發生了什麼

我不能將width和height屬性設置爲內聯元素，我同意。但與內聯元素，如果我添加浮動屬性。內聯元素的寬度和高度正在被接受。這怎麼可能？將內聯和浮點應用於元素時發生了什麼

<!DOCTYPE html> 
<html lang="en-us"> 
<head> 

<style> 
.city { 
border-style: solid; 
border-color: black; 
color: black; 
max-width: 300px; 
background-color: aqua; 
display: inline; 
float: left; 
</style> 

</head> 
<body> 

<h1>Responsive <b>Web Design</b> Demo</h1> 
<div class="city test"> 
<p>It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p> 
</div> 

<div class="city test"> 
    <p>New York is an important center for international diplomacy and has ncial capital of the world.</p> 
</div> 
</body> 
</html>

來源

2017-05-31 bhuvaneshnick

首先，你的浮動聲明來顯示聲明之後，這樣浮優先。其次，顯示：內聯聲明是多餘的，因爲浮動div會將它們排成一行。

來源

2017-05-31 16:01:54

聲明的順序無關緊要。如果浮點數聲明在顯示聲明之前*，則浮點聲明仍然會「優先」。顯示：內聯聲明是多餘的，不是因爲浮動將內聯行分隔，而是因爲浮動*不能內聯。術語「內聯」在CSS中有一個非常具體的定義。 – BoltClock

「顯示：內聯聲明是多餘的，不是因爲浮動將內聯行分隔，而是因爲浮動不能內聯」，你能否重新修飾這個句子。我不明白你說什麼？ – bhuvaneshnick

在每個'div'上使用'float：left'將會在同一行上水平排列'div's，就像'display：inline'在元素上做的一樣，並將每個'div'視爲一個塊（因此你可以獲得寬度/高度）。帶有'float：left'的第一個'div'將一直顯示在左邊，第二個將顯示在第一個的右邊，依此類推。 [https://stackoverflow.com/questions/224602/how-do-you-make-div-elements-display-inline]製作DIV元素內聯 –

將內聯和浮點應用於元素時發生了什麼

回答

相關問題