Я пытаюсь создать гибкий макет. В стороне у меня есть 8 блоков, как показано ниже:CSS: как рассчитать маржу внутри div для жидкого макета
<aside id="sub-content">
<div class="sub-box">
<article class="sub-art">
<h2>Mid Sidebar</h2>
<p>
text...
</p>
</article>
</div>
</aside>
... и так далее
Класс "суб-арт" был отформатирован следующим образом:
#sub-content .sub-art{
background:#ffffff;
margin: 0px;
padding: 10px 15px;
margin-left: 10px;
margin-bottom: 10px;
overflow:hidden;
border: 1px solid #ccc;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
}
As вы можете увидеть в example первая статья class = "sub-art" должна быть выровнена с div под названием Второе сообщение.
Как я могу исправить правую границу, чтобы получить 8 блоков, хорошо сложенных?
Вам нужно будет уточнить, чего вы пытаетесь достичь. Совсем смущает. Какие 8 блоков? Я видел 12, и у вас нет div с id = "sub-art" в jsfiddle. –