爲什麼我的Divs不能自動調整位置？

使用jQuery，
我有一組四個突起的那個開始是這樣的：爲什麼我的Divs不能自動調整位置？

<ul class="tabs"> 
    <li> 
     <input type="radio" name="tabs" id="tab1" checked /> 
     <label for="tab1">Item One</label> 
     <div id="tab-content1" class="tab-content"> 
      <p>Text Here </p> 
     </div> 
    </li> 
</ul>

在臺式它看起來期望。但在移動設備上，當屏幕縮小時，其他選項卡會崩潰（它們應該是），但div內的文本不會自動調整。這會將其他選項卡留在可見文本後面。

有什麼辦法解決這個問題嗎？

謝謝

有關完整的代碼裏發現的jsfiddle頁：中.tabs li 在你的CSS https://jsfiddle.net/hesbwgsm/2/

來源

2016-08-01 Arges86

你爲什麼不出去引導'tabs' [引導選項卡和丸（http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp） – jonju

你自由安排您的標記等比你發佈？你能收集另一個div中的所有tab-conten-div嗎？或者您必須使用您發佈的代碼？ –

@jonju我嘗試使用Bootstrap（我在整個網站中使用它）。但在風格上，我永遠不會看起來恰到好處。我不喜歡默認的配色方案，並且我嘗試改變某些顏色等，結果出乎意料。 – Arges86

bacause，.tabswidth: 75%但li其中ul內你不給它任何寬度

將此替換爲您的

.tabs li { 
    float: left; 
    display: block; 
    width: 25%; 
}

來源

2016-08-01 20:43:57 knizer

爲什麼我的Divs不能自動調整位置？

回答

相關問題