Вкладки с использованием JQuery и CSS

Question

Я скопировал код отсюда. http://jsfiddle.net/syahrasi/Us8uc/.

<div id="tabs-container"> 
    <ul class="tabs-menu"> 
     <li class="current"><a href="#tab-1">Tab 1</a></li> 
     <li><a href="#tab-2">Tab 2</a></li> 
     <li><a href="#tab-3">Tab 3</a></li> 
     <li><a href="#tab-4">Tab 4</a></li> 
    </ul> 
    <div class="tab"> 
     <div id="tab-1" class="tab-content"> 

     </div> 
     <div id="tab-2" class="tab-content"> 


     </div> 
     <div id="tab-3" class="tab-content"> 

     </div> 
     <div id="tab-4" class="tab-content"> 

     </div> 
    </div> 
</div> 

По какой-то причине, которую я, похоже, не могу найти, его отображение выглядит следующим образом. http://postimg.org/image/ejs26rx3t/

Я старался изо всех сил, но не могу заставить его появляться, пока он показывает на скрипке. Помощь Plz.

Answer 1

The Fiddle включает в себя normalize.css, как вы заметите при использовании инструментов веб-разработки и, например, проверьте элемент ul - list-style: outside none none; установлен в строке 21 нормали.css. Вы можете google для normalize.css для загрузки и включения на свою страницу.

normalize.css используется в Fiddle это одна: http://jsfiddle.net/css/normalize.css

Answer 2

это работало для меня

<ul class="tabs-menu" style="width:100%; margin-bottom:0px;">