Omar Mousa2
-
المساهمات
1 -
تاريخ الانضمام
-
تاريخ آخر زيارة
إنجازات Omar Mousa2
عضو مبتدئ (1/3)
0
السمعة بالموقع
-
html <body> <div class="parent"> <div class="full">full width</div> <div class="one"> <div>1/3</div> <div>1/3</div> <div>1/3</div> <p class="clear1"></p> </div> <div class="two"> <div>1/2</div> <div>1/2</div> <p class="clear2"></p> </div> <div class="three"> <div>1/4</div> <div>1/4</div> <div>1/4</div> <div>1/4</div> <p class="clear3"></p> </div> </div> </body> ===============================================css========================= .parent { background-color: #ededed; width: 1000px; } .full { background-color: silver; margin: 15px; text-align: center; font-weight: bold; } .one div { background-color: silver; text-align: center; font-weight: bold; margin-left: 15px; margin-bottom: 15px; width: calc((100% - 60px) / 3); float: left; } .clear1 { clear: both; } .two div { background-color: silver; text-align: center; font-weight: bold; margin-left: 15px; margin-bottom: 15px; width: calc((100% - 45px) / 2); float: left; } .clear2 { clear: both; } .three div { background-color: silver; text-align: center; font-weight: bold; margin-left: 15px; width: calc((100% - 75px) / 4); float: left; } .clear3 { clear: both; }
