Document
div-1
div-2
div-3
div-4
div-5
div-6
div-7
div-8
index2.css dosyası aşağıda :
*{
border: 0px;
margin: 0px;
box-sizing: border-box;
text-decoration: none;
}
.div-1 {
float:left;
width: 20vw;
height: 50vh;
background-color: red;
}
.div-2 {
float:left;
width: 60vw;
height: 50vh;
background-color: blue;
}
.div-3 {
float:left;
width: 20vw;
height: 50vh;
background-color: blueviolet;
}
.div-4 {
clear: both;
float:left;
width: 20vw;
height: 50vh;
background-color: aqua;
}
.div-5 {
float:left;
width: 10vw;
height: 50vh;
background-color: slateblue;
}
.div-6 {
float:left;
width: 40vw;
height: 50vh;
background-color: brown;
}
.div-7 {
float:left;
width: 10vw;
height: 50vh;
background-color: teal;
}
.div-8 {
float:left;
width: 20vw;
height: 50vh;
background-color: rosybrown;
}
Sıkıntı ise index2.html sayfasındaki divler taşıyor,
|div-1 | | div-2 |
|div-3|
|div-4| | div-5 | | div-6 | |div-7 |
|div-8 |
olarak layout oluşuyor
ama google chrome da index2.html açtıktan sonra ana sayfa tuşuna basınca -hani ev simgesi olan ana sayfaya yönlendiren tuş- tekrar geri gidince layout normal bir şekle dönüyor nedenini anlayamadım, bir çözümünü bilen var mı ?