Как мне получить div для размещения на экране без переполнения в CSS - PullRequest
Новая
       6

Как мне получить div для размещения на экране без переполнения в CSS

0 голосов
/ 16 декабря 2011 
#topnavbar {
            width:100%;
            padding:0;
            border:1px solid gray;
            margin:0; }

        #topnavbar p {
            margin:0; }

        body {
            margin-left:auto;
            margin-right:auto;
            margin-top:0;
            width:1024px; }

Это мой код.Как мне получить панель (которая называется topnavbar), чтобы она занимала весь экран без переполнения?И я не хочу делать overflow:hide; или что-то еще.

Ответы [ 2 ]

1 голос
/ 16 декабря 2011

Вы имеете в виду подгонку на всю ширину экрана?

Как это ни парадоксально, вам просто нужно удалить width:100% (к этому значению добавляются границы ...)

РЕДАКТИРОВАТЬ: И да, Кай Цин тоже прав - я пропустил это. Если вы поместите ширину 1024 на ваше тело, ваша навигационная панель тоже будет 1024 ...

0 голосов
/ 16 декабря 2011

Ваш CSS немного выключен: 

#topnavbar {
   width:100%;
   padding:0;
   border:1px solid gray;
   margin:0; 
}

#topnavbar p {
   margin:0; 
}

#container{
    width:1024px;
    margin: 0 auto;
}

body {
   /* you do not need any of your css here */
}

HTML: 

<body>
    <div id="topnavbar">
        <p>Some text</p>
    </div>
    <div id="container">
        whatever you want to center
    </div>
</body>

Основная идея состоит в том, чтобы на 100% расширить элемент, у которого нет родительского элемента, а затем применить под ним центрирующий контейнер. В этом случае, # контейнер.

Ваш CSS применял ширину к телу, и поэтому он, вероятно, испортил весь ваш макет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...