2014-09-21 24 views
0

My site當i升高的div寬度

顯示直列塊不工作我現在有

<div class="main-sale"> 
    <div class="time-left">Sale Time Left: </div> 
    <div class="sale-item"> 
    //Main Sale item 
    </div> 
</div> 

<div class="slider-container"> 
    <div id="owl-demo" class="owl-carousel"> 
     //Owl Slider 
    </div> 
</div> 

.slider容器的當前寬度爲60%。當我嘗試將其增加到61%時,它將被置於.sale-item之下。即使我明顯有寬度增加的空間,這是怎麼發生的?

+0

你真的需要在這裏發表所有相關的代碼。鏈接到您的網站是不夠的,不會讓這個問題成爲其他用戶長期以來的建議和解決方案。 – Pointy 2014-09-21 01:02:45

+0

需要查看CSS才能理解您的問題,但是如果您使用內嵌塊,則應該消除標記之間HTML中的空白區域。 – 2014-09-21 01:10:22

+0

您需要開始關注指令,包括Stack Overflow如何工作以及如何提出問題(請參閱http://stackoverflow.com/help看起來您似乎不知道如何),注意代碼,接受答案和對你所得到的所有幫助表示讚賞。看起來你認爲這是一個免費的編碼服務,你甚至不需要遵守最低限度的禮儀 – Devin 2014-09-21 04:32:44

回答

1

請檢查附件image.slider-container div的每邊有50px的邊距。您可以減少這些邊距的值,然後增加div的寬度。雖然我可以將.slider-container div的寬度增加到63%64%,但它會在main-sale div下移動。

您可以將此代碼添加到您的樣式表:

.slider-container { 
    margin: 0px 30px; 
    width: 66.5%; 
} 

enter image description here