Плавающий в заголовке без промежутка между списком навигации и краем браузера - PullRequest
Новая
       18

Плавающий в заголовке без промежутка между списком навигации и краем браузера

0 голосов
/ 31 мая 2018

Как плавать список навигации в заголовке слева, не создавая пробела слева от списка?Пожалуйста, скажите мне, что я должен изменить или добавить, чтобы не было разрыва?На моем экране заметен зазор, шириной около 1 см, а в правом меню / списке навигации пропуска нет.Пожалуйста, скажите мне, как заставить мое левое меню плавать как мое правое меню.

<!DOCTYPE html>
<html>
    <head>
        <style>
            header {text-align:center;}
            nav#right_menu > ul > li{display: block;float:right;position:relative; width:25px;}
            nav#left_menu > ul > li{display: block;float:left;position:relative; width:25px;padding: 0px;margin:0px; border:0px; text-align:left;}
        </style>
    </head>
    <body>
        <header>
            <nav id="left_menu">
                <ul id="left_menu">
                    <li>Hi1</li>
                    <li>Hi</li>
                </ul>
            </nav>
            <nav id="right_menu">
                <ul>
                    <li>Hi1</li>
                    <li>Hi</li>
                </ul>
            </nav>
            <img id="logo" src="logo.png" alt="logo" />
        </header>
    </body>
</html>

markt ответил на этот вопрос, указав ul {padding: 0;}, и код, который я добавил для решения этой проблемы: nav # left_menu> ul {padding: 0;} edit: если бы у меня былэта проблема разрыва с обеих сторон, когда я плаваю, я бы использовал точный код Маркта;однако у меня возникла проблема только с левым меню, поэтому я использовал свой код, хотя код Маркта тоже работает.

1 Ответ

0 голосов
/ 31 мая 2018

Это заполнение на ul

попробуйте добавить: 

ul { padding: 0; }

к вашему css

...