Отделение фиксированного размера?

Это довольно тривиальный эффект. Один из способов достижения этого - просто поместить плавающие div элементы в общий родительский контейнер и установить их ширину и высоту. Чтобы очистить плавающие элементы, установим свойство overflow в родительском контейнере.

<div class="container">
    <div class="cube">do</div>
    <div class="cube">ray</div>
    <div class="cube">me</div>
    <div class="cube">fa</div>
    <div class="cube">so</div>
    <div class="cube">la</div>
    <div class="cube">te</div>
    <div class="cube">do</div>
</div>

CSS похож на стратегию, описанную в первом параграфе выше:

.container {
    width: 450px;
    overflow: auto;
}

.cube {
    float: left;
    width: 150px; 
    height: 150px;
}

Конечный результат можно увидеть здесь: http://jsfiddle.net/Qjum2/2/

Браузеры, поддерживающие псевдоэлементы, предоставляют альтернативный способ очистки:

.container::after {
    content: "";
    clear: both;
    display: block;
}

Результаты можно посмотреть здесь: http://jsfiddle.net/Qjum2/3/

Надеюсь, это поможет.

.myDiv { height: 150px; width 150px; }

<div class="mainDiv">
   <div class="myDiv"></div>
   <div class="myDiv"></div>
   <div class="myDiv"></div>
</div>

<div id="normal>text..</div>
<div id="small1" class="smallDiv"></div>
<div id="small2" class="smallDiv"></div>
<div id="small3" class="smallDiv"></div>

css:

.smallDiv { height: 150px; width: 150px; }

Высота и ширина ваших погружений могут быть установлены с помощью css .

<style type="text/css">
.box {
     height: 150px;
     width: 150px;
}
</style>