За последние 24 часа нас посетили 17949 программистов и 1650 роботов. Сейчас ищут 1144 программиста ...

Какие есть способы размещения блоков div в одной строке?

Тема в разделе "HTML и CSS", создана пользователем deimon, 24 май 2015.

  1. deimon

    deimon Новичок

    С нами с:
    23 май 2015
    Сообщения:
    9
    Симпатии:
    0
    Какие есть способы размещения блоков div в одной строке кроме "display: inline;" "float: left"
     
  2. mr.akv

    mr.akv Активный пользователь

    С нами с:
    31 мар 2015
    Сообщения:
    1.604
    Симпатии:
    206
  3. Геон

    Геон Активный пользователь

    С нами с:
    23 июл 2013
    Сообщения:
    40
    Симпатии:
    0
    Адрес:
    из Москвы
    С помощью position, например:
    css
    Код (Text):
    1.  
    2. .content {
    3.     position:relative;
    4. }
    5. .one {
    6.     position:absolute;
    7.     background:red;
    8.     width:50px;
    9. }
    10. .too {
    11.     position:absolute;     
    12.     left: 50px;
    13.     background:green;
    14.     width:50px;
    15. }
    html
    Код (Text):
    1.  
    2. <div class="content">
    3.     <div class="one">элемент1</div>
    4.     <div class="too">элемент2</div>
    5. </div>
     
  4. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.115
    Симпатии:
    1.244
    Адрес:
    там-сям
    В зависимости от деталей задачи: либо плавающие блоки, либо строковые, либо таблица.
    В общем случае, я бы выбрал inline-block, с ним как-то проще управляться. пример

    Добавлено спустя 4 минуты 56 секунд:
    Геон, ты вроде хочешь построить карьеру верстальщика? Абсолютное позиционирование используют только тогда, когда надо вырвать элемент из потока. В данном случае нет указаний что надо всё взять и испортить :)