Показать сообщение отдельно
  #2 (permalink)  
Старый 22.04.2016, 09:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

stomaks,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   #menu {
  display: flex;
  overflow: auto;
}
.item {
    min-width: 50%;

}
  #item2{
    background-color: #32CD32;
  }
  #item1{
    background-color: #0000CD;
  }
  #item0{
    background-color: #FFFF00;
  }
 </style>

</head>

<body>


<div  id="content">
  <div  id="menu">
    <div class='item' id="item0" onclick="menu.scrollLeft = this.offsetWidth">click me</div>
    <div class='item' id="item1">1</div>
    <div class='item' id="item2">2</div>
  </div>
</div>


</body>
</html>
Ответить с цитированием