Вы можете добавить некоторые дополнения в свой контейнер для компенсации.
.container {
/* ... */
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
}
border-box
не позволит вашему добавленному дополнению влиять на вашу width: 100%
.
Просто добавьте overflow:hidden
для вашего .container
:
.container {
overflow:hidden;
}
right side shadow
Единственный способ добиться явно того, что вы просили, это добавить правильный запас.
.right-block {
margin-right: 10px;
}
Если я правильно понимаю, вам это нужно
.right-block {box-shadow: -10px 10px 5px #888888;}
margin-right