2014-10-11 3 views
0

Когда я помещал неупорядоченный список Почему Уль верхний пробел

    , то почему верхний бар идет вниз ?? Я не могу найти причину этого. Скажите мне, как решить эту проблему?

    http://jsfiddle.net/fLchtkp1/

    body { 
     
        margin: 0; 
     
        padding: 0; 
     
    } 
     
    .top-bar { 
     
        height: 40px; 
     
        width: 100%; 
     
        background-color: yellow; 
     
    } 
     
    #menu { 
     
        width: 1020px; 
     
        height: : 100%; 
     
        margin: 0 auto; 
     
        background-color: red; 
     
    } 
     
    ul { 
     
        background-color: red; 
     
        width: 100%; 
     
        height: 40px; 
     
    }
    <body> 
     
        <div class="top-bar"> 
     
        <div id="menu"> 
     
         <ul> 
     
         <li>Menu1</li> 
     
         </ul> 
     
        </div> 
     
        </div> 
     
    </body>

    ответ

    2

    ул элемент имеет Верхнее поле по умолчанию из браузера. Для того, чтобы удалить это, добавьте стиль

    ul { 
        margin-top: 0; 
    } 
    
    2

    использовать это для удаления padding и margin который дается браузерами

    *{ 
        margin:0; 
        padding:0; 
    } 
    

    вы получите больше информации о сбросе CSS here

    вот список стилей css, используемых для сброса

    http://www.cssreset.com/

    Смежные вопросы