任何人都可以告訴我這兩個圖像集在我的主要區別？

enter image description here 任何人都可以告訴我這兩個圖像集在我的主要區別？

#main #home_banner { 
position: relative; 
} 

#main ul li { 
position: relative; 
display: inline-block; 
overflow: hidden; 
} 

#container { 
width: 950px; 
background-color: red; 
padding: 0; 
margin: 0 auto; 
} 

#container #main { 
margin: 0; 
padding: 0; 
width: 100%; 
height: 950px; 
background-color: blue; 
border-bottom: #adde64 solid 1px; 
}

他們都有相對的定位，而不是除了默認的任何位置，而且他們內外主（除-after-在HTML圖像創建的列表）。

但是列表中沒有出現一路向左，而是如果你想在列表中的所有方式向左側向外似乎頗有幾分

來源

2014-05-12 user3621614

您能提出一個有關代碼的小提琴嗎？ –

我認爲問題是由藍色容器的一些代碼造成的。 –

，考慮填充啓動屬性。我認爲這是你問的問題。

嘗試用下面的CSS設置你的清單：

-moz-padding-start: 0px; 
-webkit-padding-start: 0px; 
-o-padding-start: 0px; 
padding-start: 0px; 
padding-left:-0px'

來源

2014-05-12 18:58:10 Mark

這最後一個聲明（其中不需要單位'px'）使前5個無用。我甚至不知道爲什麼你不使用'padding-left：0'，如果這是你的意圖（RTL語言，你的網站是RTL嗎？）。或者，如果你在瀏覽器中測試了'-ms-'，'-khtml-'和'-o-'（當然沒有填充開始和填充）：甚至可以在某個地方工作嗎？ – FelipeAls

對不起，我不知道你的問題是什麼？ – Mark

只有最後一個聲明是有用的，並且完成100％的工作（除了右向左站點）。您可以刪除其他人而不會造成任何後果編輯完成後，RTL網站將把它們的「padding-end」（'-left'設置爲0）和它們的'padding-start'，而LTR網站的'padding-start'設置爲0兩次或三次。我不認爲這是預期的行爲 – FelipeAls

即使世界，我能想到的第一個兩件事情是UL的默認所以

ul 
{ 
padding:0px; 
}

第二個具有填充是顯示：內聯塊在對象之間增加一個小的空白區域以便獲得對象的突襲：

ul 
{ 
font-size:0px; 
padding:0px; 
}

來源

2014-05-12 19:01:44

哦，這是完美的..我不知道關於UL的。非常感謝！ – user3621614

根據你發佈的圖片，我假設你指的是底部的縮進圖片。如果您不使用CSS重置，則需要爲ul和li元素設置邊距。您可能還需要調整ul所在的div的填充。

來源

2014-05-12 19:02:15 aecend

默認情況下，任何ul都具有margin和padding值。將ul設置爲{margin:0; padding:0;}，它將左上對齊

來源

2014-05-12 19:03:31 n1kkou

任何人都可以告訴我這兩個圖像集在我的主要區別？

回答

相關問題