#content { height: 100%; width: 100%; top: 0; left: 0; } #account { height: 450px; width: 390px; background: #4b4b4b; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; float: right; } #account_header, #vote_header { text-align: center; width: 390px; height: 70px; background: #626262; font-size: 30px; color: #FFF; padding-top: 15px; } #test { margin-right: 15px; height: 100%; width: 390px; background: #4b4b4b; float: right; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-top: 50px; } #t1, #all { height: 100px; width: 187.5px; background: #4b4b4b; float: right; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; } #t1 { margin-left: 10px; } #vote { height: 500px; width: 390px; background: #4b4b4b; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; float: right; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } 
 <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Preview</title> <link href="css/main.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div id="content"> <div id="content" class="clearfix"> <div id="account" class="center-block"> <div id="account_header">Аккаунт</div> </div> <div id="test"> <div id="t1"> </div> <div id="all"> </div> </div> <div id="vote"> <div id="vote_header"> Голосование </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </body> </html>

There are several blocks, all of which are positioned relative to the upper boundary of the content block. It is necessary to make them "retreat" from each other, namely: test from account, vote from test, etc.

  • Where is the block online? - alias
  • Sorry, ochepyachochka. Test block - Mark
  • I opened the execution of your code and you have indentation between these blocks. In general, this is done by the margin-right property; you have it in the properties of the specified elements. - alias
  • Did you open the page in full size? - Mark
  • Yes, I see it this way http://s31.postimg.org/6k0r99ni3/2016_04_24_21_22_06.png . There are indents. - alias

0