Почему <div class = «clear»> </ div> используется?
адаптирую себя к тому, что52framework.com предложения. (HTML5, CSS3, JS framework) Несмотря на просмотр обучающего видео по сетке и осмотр другихдемонстрация исходники я не смогне понимаю, почему используется фреймворк код на 12-й строке.
Код ниже 'адрес:http://demo.52framework.com/demos/framework/grid.html
52framework
<a href="#navigation">navigation 1</a>
<a href="#navigation">navigation 2</a>
<a href="http://www.enavu.com">enavu network</a>
...
Этот код ниже также из того же источника, но, как вы видите, кусок кода нене используется здесь, хотя здесь было сделано больше разделов.
Grid Framework
col_8
col_1
col_7
col_3
col_4
col_8
4
4
col_9
col_7
<a href="http://www.52framework.com/documentation/" class="documentation">Grid Framework Documentation</a>
Связанные CSS коды:.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.col {
margin-left:10px; margin-right:10px;
display: inline;
overflow: hidden;
float: left;
position: relative;
}
.row{
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}
/* Column widths, and element width based on grid */
.col_1, .width_1 { width:40px; }
.col_2, .width_2 { width:100px; }
.col_3, .width_3 { width:160px; }
.col_4, .width_4 { width:220px; }
.col_5, .width_5 { width:280px; }
.col_6, .width_6 { width:340px; }
.col_7, .width_7 { width:400px; }
.col_8, .width_8 { width:460px; }
.col_9, .width_9 { width:520px; }
.col_10, .width_10 { width:580px; }
.col_11, .width_11 { width:640px; }
.col_12, .width_12 { width:700px; }
.col_13, .width_13 { width:760px; }
.col_14, .width_14 { width:820px; }
.col_15, .width_15 { width:880px; }
.col_16, .width_16 { width:940px; }