Как исправить автоматическое поле между двумя div?

Question

Как исправить автоматическое поле между двумя div?

0

Существует пробел между # Content-header и # подзаголовком, который я хочу исправить. Вот код Css. Я хочу удалить вертикальную границу между двумя div. Код html можно проверить на приведенной ссылке JSfiddle.

CSS:

#content{
    float: right;
    width: 799px;
    overflow: auto;
    font-size: 14px;font-size: 1.4rem;
    font-weight: bold;
}

#content-header{
    background-image: url("../images/content-header.png");
    background-repeat: repeat-x;
}
#content-header ul{
    padding: 10px 0 15px 30px;    
}
#content-header ul li{
    background-image: url("../images/filter-back.png");
    background-repeat: repeat-x;
    border: 1px solid #BBB;
    list-style: none;
    display: inline-block;
    padding: 5px;
}
#sub-header ul{ padding-left: 0;}
#sub-header ul li{
    /*background-image: url("../images/sub-header.png");
    background-repeat: repeat-x;*/
    list-style-type: none;
    display: inline;
}

JSFIDDLE

CSSDeck

Orahmax 04 янв. 2014, в 06:25

Источник

0

где твой HTML код ???
Pranav C Balan 04 янв. 2014, в 05:12
0

Можете ли вы опубликовать HTML-код этой части?
PM. 04 янв. 2014, в 05:13

Теги:

html

css

3 ответа

Ещё вопросы

Можете ли вы опубликовать HTML-код этой части?

Kirk · Answer 1 · 2014-01-04T04-16-00.000Z

Если вы хотите уменьшить маржу в любой области, используйте свойство margin и!

 #content-header{
     margin: 0 !important;
 }

Alec Moore · Answer 2 · 2014-01-04T04-13-00.000Z

Если вы создаете пример JsFiddle, мы можем лучше оценить проблему, но если вы попытаетесь дать как # content-header, так и # sub-header значение margin: 0; то вы можете сбросить значения по умолчанию по умолчанию из пользовательского агента.

#content-header,
#sub-header {
     margin:0;
     padding:0;
}

Хорошей практикой является начало ваших страниц HTML/CSS с помощью файла сброса css, который берет все основные элементы html и сбрасывает их маржу и дополнение на 0 (наряду с другими атрибутами). Таким образом, у вас не будет неожиданных полей и отступов, которые будут отображаться, и вы сможете иметь полный контроль над браузерами ваших стилей.

Хороший набор css сбрасывает, что я люблю использовать, это: http://www.cssreset.com/

Tomas · Answer 3 · 2014-01-04T03-12-00.000Z

Возможно, вам придется очистить два контейнера, поскольку вы используете поплавки.

Попробуйте добавить clear: both; overflow: hidden; clear: both; overflow: hidden; в элемент # content-header.

Кроме того, вы должны обернуть <span class="switch"...</span> <li></li> тегами <li></li>.