CSS div float - сверху вниз и слева направо

Question

как я могу поставить div сверху вниз и слева направо

пример: http://jsfiddle.net/ZWxGW/2/

http://jsfiddle.net/ZWxGW/2/


РЕШЕНИЕ http://jsfiddle.net/pMbtk/33/

Answer 1

Вы можете использовать свойство column-count для этого типа функции:

Проверьте мои предыдущие ответы для этого

Я хочу показать элементы списка в виде 2 или более столбцов (динамическое выравнивание)

Answer 2

Вы можете попробовать это ...

ul {
    width:60px; height: 60px;
}

ul li{
    float:left;
    width:20px;
    list-style:none;
}
ul, ul li {
    -moz-transform: rotate(-90deg) scaleX(-1);
    -o-transform: rotate(-90deg) scaleX(-1);
    -webkit-transform: rotate(-90deg) scaleX(-1);
    -ms-transform: rotate(-90deg) scaleX(-1);
    transform: rotate(-90deg) scaleX(-1);
   /* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-3.061616997868383e-16, M12=1, M21=1, M22=3.061616997868383e-16, SizingMethod='auto expand')";

   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=-3.061616997868383e-16,
            M12=1,
            M21=1,
            M22=3.061616997868383e-16,
            SizingMethod='auto expand');
}

не проверено в IE http://jsfiddle.net/rlemon/Y5ZvA/3/

Answer 3

1. бр /> Дайте ниже свойства div.

.message, .outer_div {
float: left;
height: auto;
ширина: 200 пикселей;
}

2) в другом случае,
если вы хотите слева направо, сверху вниз, вам не нужно указывать внешний div в красном цвете

Answer 4

.message {

 width:90px;
 margin:3px;
 background-color:#dfdfdf;
 float : left;
}

Попробуйте, если слева направо и сверху вниз сработают.

Answer 5

Удалите height из contentDiv и поместите float:left;, чтобы он обернул ваш контент.

http://jsfiddle.net/ZWxGW/5/

Answer 6

Я попробовал это в вашем примере:

.message {

 width:90px;
 margin:3px;
 background-color:#dfdfdf;
 position:absolute;

}

, и это помогает.

Удачи!