Куда пропадают пиксели

[mylogin]

Здравствуйте

есть главный блок с width:1000px padding:0 . В этом блоке хочу разместить два блока

.bl1
{

    float:left;
    width:490px;
    padding:10px 10px 10px 10px;
    }

 .bl2
 {float:left;
     width:490px;
    padding:10px 10px 10px 10px;
    margin-left:20px;
 }
но второй блок располагается под первым , я так понимаю ему места не хватает. Но как? 490+490+20 =1000 px

[Bryant-24]

Но как? 490+490+20 =1000 px

490 + 20 + 490 + 20 + 20(левый отступ) = 1040

Кажется как то так...

Edited November 6, 2012 by Bryant-24

[mylogin]

Но как? 490+490+20 =1000 px

490 + 20 + 490 + 20 + 20(левый отступ) = 1040

Кажется как то так...

margin-left только у одного.

[npofopr]

Откуда там 1000px то?

490*2+10*2+10*2+20 = ?

Паддинги тоже прибаляют к длине. Или пользуйтесь box-sizing

Edited November 6, 2012 by npofopr

[mylogin]

Откуда там 1000px то?

490*2+10*2+10*2+20 = ?

все понятно, про паддинги я забыл

Edited November 6, 2012 by mylogin

[Bryant-24]

я не понимаю почему 10*2 + еще10*2 и +20?

Вы создали два блока, у каждого прописали ширину (490px), получается 490 * 2 = 980

Далее у ОБОИХ блоков стоит padding, он считается отдельно, получается 10 * 2 + 10 * 2 = 40

И далее левый ВНЕШНИЙ отступ у одного блока из блоков 20

Итого 980 + 40 + 20 = 1040

[mylogin]

я не понимаю почему 10*2 + еще10*2 и +20?

Вы создали два блока, у каждого прописали ширину (490px), получается 490 * 2 = 980

Далее у ОБОИХ блоков стоит padding, он считается отдельно, получается 10 * 2 + 10 * 2 = 40

И далее левый ВНЕШНИЙ отступ у одного блока из блоков 20

Итого 980 + 40 + 20 = 1040

Спасибо