body{ backgound-color;#dadada; } #container{ position:relative; margin:50px auto; width:700px; height:700px; } #topdiv{ position:absolute; width:700px; height:98px; background-color:gray; background-image:url("1.jpg"); } #lcdiv{ position:absolute; top:100px; width:198px; height:498px; background-color:#95f25c; } #ccdiv{ position:absolute; top:100px; left:200px; width:298px; height:498px; background-color:#827af9; } #rcdiv{ position:absolute; top:100px; left:500px; width:200px; height:498px; background-color:#f45a58; } #bottomdiv{ position:absolute; width:700px; top:600px; height:100px; background-color:gray; background-image:url("2.jpg"); } #menu { float:right; margin-right: 4px; } #menu_m{ display:inline-block; padding:15px; padding-right:0px; } #menu ul li { width:190px; height:35px; padding-top:10px; list-style-type:none; } #menu ul a:hover { background:rgb(255, 0, 62); transition:1s; } #menu ul a:hover { background:rgb(255, 0, 62); transition:1s; } #menu ul li ul { display:none; z-index:1000; } #menu ul li:hover ul { display:block; margin-right:107px; margin-bottom:20px; z-index:1000; } #menu a { text-decoration:none; font-size:larger; background:rgb(255, 216, 0); padding:10px 15px 10px 15px; color:white; display:block; width:120px; } #menu2 { float:right; margin-right: 4px; position:relative; } #menu_n{ display:inline-block; position:relative; padding:15px; padding-right:0px; float:right; } #menu2 ul li { position:relative; height:35px; padding-top:10px; list-style-type:none; float:right; } #menu2 ul a:hover { background:rgb(255, 0, 62); transition:1s; } #menu2 ul a { transition:1s;} #menu2 ul li ul { position:absolute; display:none; z-index:1000; } #menu2 ul li:hover ul { display:block; position:absolute; padding:10px 15px 10px 15px; top:0px; transition:1s; z-index:1000; } #menu2 a { text-decoration:none; font-size:larger; background:rgb(255, 216, 0); padding:10px 15px 10px 15px; color:white; display:block; width:90px; text-align:center; }