0
A
回答
4
,因爲第一盒有103px的高度,而第二一個有102px的高度,因此接下來的浮動排在最低的高度。使第一圖像102px解決您的問題
+0
哦,我的天啊,我太笨了。現在正常工作! :) – Adrian 2012-02-09 22:21:51
0
0
以我的經驗你想擁有一個「清除:兩者」的類,以便正確顯示。 W3Schools
`
.clearboth {
clear: both;
width: 100%;
}
<div class="download-box">
<div class="download-box-image">
<a href="http://mihalko.eu/downloads/slovkolex_katalog_2011.pdf" title="Slovkolex katalóg"><img alt="Slovkolex" src="http://mihalko.eu/image/data/download/slovkolex.jpg" width="140"></a></div>
<div class="download-box-text">
<div class="nazov">
Katalóg Slovkolex</div>
<div class="typ">
*.pdf</div>
26 236 kB</div>
</div>
<div class="download-box">
<div class="download-box-image">
<a href="http://mihalko.eu/downloads/DEMA_dealerbook_2012.pdf" title="Dema 2012"><img alt="Dema 2012" src="http://mihalko.eu/image/data/download/Dema 2012.jpg" width="140" style="opacity: 1; "></a></div>
<div class="download-box-text">
<div class="nazov">
Katalóg Dema 2012</div>
<div class="typ">
*.pdf</div>
32 116 kB</div>
</div>
<!-- HERES THE CHANGE -->
<div class="clearboth"></div>
<div class="download-box">
<div class="download-box-image">
<a href="http://mihalko.eu/do`enter code here`wnloads/slovkolex_katalog_2011.pdf" title="Slovkolex katalóg"><img alt="Slovkolex" src="http://mihalko.eu/image/data/download/slovkolex.jpg" width="140"></a></div>
<div class="download-box-text">
<div class="nazov">
Katalóg Slovkolex</div>
<div class="typ">
*.pdf</div>
26 236 kB</div>
</div>
`
0
@thenetimp是正確的。改變第一個塊的高度爲102.
style="height: 102px;"
應該解決這個問題。
注:這是設計,浮動將採取下一個可用最高它可以適應自己的地方。一個像素是一個差異,因此它適合自己高一點。
0
.download-box {
float: left;
margin: 20px 15px 20px 0;
padding: 0;
width: 295px;
height: 104px;
}
相關問題
- 1. Joomla網站「找不到」錯誤
- 2. 在TFS中的SharePoint網站上找不到頁面錯誤
- 3. 我的asp.net網站上的ajax錯誤
- 4. 我的新網站顯示我DNS錯誤網站可能未找到
- 5. 我在我的網站上收到以下錯誤
- 6. 網站預覽 - 錯誤 - 在我的網站上點擊「贊」時
- 7. JAVA-錯誤:找不到符號 - 在網站上還沒有找到答案
- 8. 從網站下載錯誤 - 找不到路徑的一部分
- 9. Facebook上找到我們 - 從網站
- 10. 到我的網站上
- 11. 用戶在我的網站上得到「網站不安全」
- 12. 網站上傳錯誤
- 13. 我的asp.net網站已經停止給我控制未找到錯誤
- 14. 502 Azure網站上的錯誤網關錯誤
- 15. 從其他網站發佈到我的Laravel的網站,並獲得302錯誤
- 16. 找不到我的腳本錯誤
- 17. 找不到我的錯誤,XOR加密
- 18. 託管網站的虛擬機上無法找到指定的模塊錯誤
- 19. Magento 2網站上的例外錯誤
- 20. 安裝eclipse讓我錯誤的網站
- 21. 錯誤驗證我的網站
- 22. 對Azure網站的FTP訪問 - 連接到錯誤的網站
- 23. 404找不到asp.net網站
- 24. 爲什麼我在網站上看到這個錯誤?
- 25. 將mvc 5部署到天藍色的網站錯誤InvalidOperationException:找不到UserId
- 26. 複製我的asp.net網站後,我得到500和404錯誤?
- 27. 錯誤:找不到符號,找不到我的豆
- 28. 404未找到網址,找不到網頁錯誤php
- 29. 我期刊網站上的XSS(跨網站腳本)錯誤難點
- 30. 我的網站上的AMP驗證錯誤
只是一個提示,縮短鏈接的網址可能看起來像保存顯示空間或其他東西的方式,但它也是可疑的。對於我們所知道的這是一個抽獎鏈接或瑞克卷。您應該編輯這些內容並直接鏈接到您的網站。 – 2012-02-09 22:11:57