DIVs перекрываются, когда я использую float - PullRequest
Новая
       10

DIVs перекрываются, когда я использую float

2 голосов
/ 04 апреля 2011

Я пытаюсь получить 2 элемента div, расположенных рядом друг с другом, элемент div для рекламы (skyscraper_ad) и основной черный цвет (lower_main), но когда я добавляю число с плавающей точкой, DIV перекрывает другой DIV, может кто-нибудь помочь?

Мой css: 

#skyscraper_ad {
     display: block;
     width: 160px;
     height: 600px;
     padding: 5px;
     margin-right: auto;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     position:relative;
     margin-bottom: 4px;
}

#smaller_main {
     display: block;
     width: 605px;
     height: auto;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     position:absolute;
     padding: 5px;
     float: right;
     margin-bottom: 4px;
}

1 Ответ

1 голос
/ 04 апреля 2011

Это должно работать: 

#skyscraper_ad {
     width: 160px;
     height: 600px;
     padding: 5px;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     margin-bottom: 4px;
     float:left;
}

#smaller_main {
     width: 605px;
     background-color: #CCCCCC;
     border: 1px solid #AAAAAA;
     padding: 5px;
     float: left;
     margin-bottom: 4px;
}

Я убрал ваши ссылки на поля, расположение и отображение. (и height:auto, который, насколько я мог видеть, был бессмысленным). Поля auto были бессмысленными, возможно, из-за позиционирования происходило перекрытие, а отображение было избыточным (div s уже заблокировано)

...