Uklad bloczkow.

Czesc chce ulozyc 2 bloczki pod soba, tylko ze ten pierwszy bloczek (wyzej) bedzie mial pseudo klase :hover dzieki ktorej bede robil border, problem polega na tym ze po najechaniu element na dole odskakuje o kilka pikseli. Zrobilem to w ten sposob:

<div id="one"></div>
<div id="two"></div>
 

		#one{
			height:200px;
			width:200px;
			background-color: grey;	
			position: relative;
			margin-left:30px;
			position: absolute;

		}
		#one:hover{
			width:194px;
			border:3px dotted black;
		}
		
		#two{
			margin-left:30px;
			height:200px;
			width:200px;
			background-color: black;
			position: relative;
			top:200px;
		}
		

Czy takie rozwiazanie jest poprawne? Czy kombinuje i mozna to lepiej zrobic? jakos prosciej.

Edit: dodajac tekst do tego inputa po najechaniu rowniesz odskakuje, ale tekst tym razem. Jak radzic sobie z takimi rzeczami?

            position: relative;
            margin-left:30px;
            position: absolute;

to nie jest na pewno poprawne.

Heh, wkradlo to sie przez pomylke. Lecz walcze teraz z tym tekstem w pierwszym divie, tak aby nie skakal ten tekst przy hoverze.

Tak najprościej:

#one{
    box-sizing: border-box;
    height:200px;
    width:200px;
    background-color: grey;
    border: solid 3px grey;
    margin-left:30px;
    position: absolute;

}
#one:hover{
    border:3px dotted black;
}

Opcja 2:

#one{
    box-sizing: border-box;
    height:200px;
    width:200px;
    background-color: grey;
    padding: 3px;
    margin-left:30px;
    position: absolute;

}
#one:hover{
    padding: 0;
    border:3px dotted black;
}

O kurde, jedno male box-sizing: border-box; i juz jest o wiele mniej kombinowania. Tylko nadal to nie wspiera tego, ze tekst w moim divie

<div id="one"><p>Witam</p></div> 

Jest prawdilowo wyswietlany po hoverze. bo mi skacze ten napis w tym divie.

Chociaz nie, dziala. Wielki dzieki za pomoc. Mozesz mi wytlumacz dzialanie tego, dlaczego tak sie dzieje? Bo ja usunalem niechcacy linijke border: solid 3px grey; w divie #one i od razu przestalo dzialac dobrze.