DIV aumentar para esquerda

[matheus.moreira 0]

Boa tarde,

 

Estou como uma duvida, como faço para aumentar uma div para a esquerda?

 

Quando crio uma div (vazia, apenas com um background-color) e coloco para ela width:100px; ela cria para a direita, gostaria de saber como faço, para quando eu der width:100px ela for pra esquerda.

[reebr 94]

Basta usar 'float:right' no elemento =) quando ele for aumentado, irá "crescer" para o outro lado.

Exemplo: http://jsfiddle.net/tN7R2/

Exemplo 2: http://jsfiddle.net/tN7R2/1/

 

Abraços.

[Nícolas Luís Huber 14]

Matheus, seja bem-vindo ao Fórum iMasters. Por default uma div tem display block e fica a esquerda da página, então quando você atribuí o width (largura) o seu tamanho, como um todo, aumenta para direita. Mas existe a propriedade float, na qual podemos fazer a flutuação de um bloco para direita ou esquerda. Então se colocarmos um bloco com float right, seu tamanho irá aumentar para esquerda. Exemplificando:

 

HTML

<div class="box">
    //Box
</div>

CSS

.box {
    width: 100px;
    float: right;
    background-color: blue;
}

Matheus aconselho aprender mais sobre CSS, abaixo segue alguns links para você dar uma lida:

 

http://www.w3schools.com/css/default.asp

http://www.htmldog.com/guides/css/beginner/

http://www.maujor.com/tutorial/joe/cssjoe1.php