UL在DIV不工作

Question

這裏是jsfiddle.net/27wMk/1/代碼

列表樣式位置：內;

不要工作
我需要一些修復的選項卡是爲格。我很抱歉我的英文不好。由於

代碼的html：

<div class="reply"> 
    <ul class="tabs"> 
     <li> 
      <input type="radio" checked name="tabs" id="tab1"> 
      <label for="tab1">Login</label> 
      <div id="tab-content1" class="tab-content animated fadeIn"> 
       First tab 
      </div> 
     </li> 
     <li> 
      <input type="radio" name="tabs" id="tab2"> 
      <label for="tab2">Reg</label> 
      <div id="tab-content2" class="tab-content animated fadeIn"> 
       Second tab 
      </div> 
     </li> 
    </ul> 
</div> 

Answer 1

您需要將clearfix添加到<ul>所以它將包含其子元素。

http://jsfiddle.net/v48d9/

參考：Clearfix Methods

Answer 2

刪除float:left，並添加顯示風格爲inline-table

.tabs li{ 
    // float: left 
    display: inline-table; 
} 

DEMO

Answer 3

你需要UL重置

ul { 
margin:0; 
padding:0;} 

要清除瀏覽器的默認atributes ..

，你可以添加一個浮動：左;