Блог

Главная - Вопросы по программированию - Поместить 2 столбца, например, col, но удалить поля с 1 из них?

Поместить 2 столбца, например, col, но удалить поля с 1 из них?

#html #css

#HTML #css

Вопрос:

Если у меня есть контейнер шириной 820 пикселей, и я хочу разместить в нем 2 столбца с приведенными ниже стилями, то как я могу удалить поля из второго столбца? 

 <style>
#container{
width: 820px;
}

.col{
float: left;
width: 400px;
margin-right: 20px;
}
</style>

Ответ №1:

Вы могли бы использовать, .col:last-child но поддержка браузера не так хороша, как :first-child ( :last-child это CSS3-селектор).

Итак, попробуйте это…

 .col {
    float: left;
    width: 400px;
}

.col:first-child {
    margin-right: 20px;
}

Ответ №2:

 .col{
float: left;
width: 200px;
}

.col:first-child
{
       margin-right: 20px;
}