Тема: display:inline
Показать сообщение отдельно
  #1 (permalink)  
Старый 22.03.2010, 18:34
Аватар для Shaci
:-/
Отправить личное сообщение для Shaci Посмотреть профиль Найти все сообщения от Shaci
 
Регистрация: 28.09.2009
Сообщений: 1,126

display:inline
есть несколько элементов div, вложенных во внешний div, который находится в потоке
Пока эти div блочные - они все укладываются один под другим во внешнем div.
<head>
         <style>
             .cl {width:50px; height:50px; background-color:red;}
            body { margin:0; padding: 0px}
        </style>
  </head>
  <body>
      <div id="outerDiv" style="width:300px; height:90px;">
      <div class="cl"></div>
      <div class="cl"></div>
      <div class="cl"></div>
      </div>
  </body>


Почему, если я ставлю им display:inline, они исчезают ?
В IE - они не исчезают, это баг Firefox?

<head>
         <style>
             .cl {width:50px; height:50px; background-color:red; display:inline}
            body { margin:0; padding: 0px}
        </style>
  </head>
  <body>
      <div id="outerDiv" style="width:300px; height:90px;">
      <div class="cl"></div>
      <div class="cl"></div>
      <div class="cl"></div>
      </div>
  </body>
Ответить с цитированием