Sign in to follow this  
ssrn

Позиционирование

Recommended Posts

Есть примерно такой html:
<div class="container">
      <div id="bloсk1">Высота контента может быть любой</div>

      <div id="bloсk2">Высота контента может быть любой</div>

      <div id="bloсk3"></div>

</div>

Возможно ли  block3 поместить  между  block1 и  block2, не изменяя html?

Share this post


Link to post
Share on other sites

Что-то вроде этого

.container{overflow:hidden;height:auto;}#block1{float:left;width:100px;}#block2{float:right;width:100px;}#block3{margin:0px 100px;}

если не сработало, будем дорабатывать и смотреть что я мог забыть

Share this post


Link to post
Share on other sites

я так подозреваю, что нужно поменяти их местами по вертикали, а не горизонтали :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By reevierevi
      В общем, написал вот такой код, где красный блок див можно схватить и перетаскивать, но не знаю как наложить ограничение на то, чтобы этот красный блок див не заходил за рамки второго -- серого блока с размером 500х500 пикселей. Как это можно сделать? 
      Хотелось бы увидеть готовый код, чтобы можно было в нём покопаться и разобраться самому. Заранее спасибо.
       
      <html>  <head><title>Moving</title></head>  <body onload= "init()">  <h1 style="margin-left: 650px; color: red;">Адаптировано для Chrome</h1> <div id='serkv' style="position:absolute;width:500;height:500;background-color:grey;left:10;top:10"> <DIV id='kv' style="position:absolute;left:10;top:10;width:50;height:50;background-color:red">  </div>  </div> </body>  <SCRIPT>      kv.onmousedown = function(event) {       kv.style.position = 'absolute';       kv.style.zIndex = 1000;       document.body.appendChild(kv);       moveAt(event.pageX, event.pageY);       function moveAt(pageX, pageY) {         kv.style.left = pageX - kv.offsetWidth / 2 + 'px';         kv.style.top = pageY - kv.offsetHeight / 2 + 'px';       }       function onMouseMove(event) {         moveAt(event.pageX, event.pageY);       }       document.addEventListener('mousemove', onMouseMove);       kv.onmouseup = function() {         document.removeEventListener('mousemove', onMouseMove);         kv.onmouseup = null;       };     };     kv.ondragstart = function() {       return false;     };    </SCRIPT>  </html>  
    • By Fani
      div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю

      HTML
       

      CSS
       

    • By Lex_85
      Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!
  • Member Statistics

    46,335
    Total Members
    3,128
    Most Online
    Витольд Магикан
    Newest Member
    Витольд Магикан
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.