css/html - 元素容器的div/auto寬度的無包裝等效物

我有一個圖像滑塊/查看器，其中包含一堆圖像的絕對定位div位於固定寬度的相對div內。問題在於圖像在絕對定位的div內部出現在另一個下方，而不是水平相鄰 - 即使它們被賦予了屬性float：left; - 我如何防止他們包裝（類似於你如何通過無包裝屬性防止文本？我可以給絕對定位的div一個寬度屬性，包含所有的元素，而無需通過JavaScript計算寬度？下面的代碼：css/html - 元素容器的div/auto寬度的無包裝等效物

<div id="homeSlider" style="width:800px; position:relative;"> 
    <div id="homeSlides" style="position:absolute;"> 
     <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/> 
     <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/> 
    </div> 
</div>

來源

2012-07-28 mheavers

您應該可以將'＃homeSlides'的寬度設置爲較大的值（例如， 10000px）沒有問題，只要做到這一點，看看會發生什麼。 – DCoder 2012-07-28 16:03:21

謝謝 - 我知道這很奇怪，也沒有必要，但我寧願準確地對待 – mheavers 2012-07-28 16:04:57

你能提供jsFiddle嗎？在這個例子中，你發佈的圖像是水平放置的。 – user907860 2012-07-28 16:12:15

做（如果可能的話，你的情況），最簡單的事情是將img項目設置爲display: inline-block，然後設置homeSlides有white-space: nowrap，避免float一起

See fiddle.

。

來源

2012-07-28 16:19:16 ScottS

css/html - 元素容器的div/auto寬度的無包裝等效物

回答

相關問題