0

Gostaria de saber, quais formas vocês utilizam quando precisam que um elemento, ocupe a WIDTH+HEIGHT total que ele esta utilizando, por exemplo:

<p>
    <span>Teste</span>
</p>

Para que o P ocupe o tamanho total que esta utilizando, eu costumo utilizar uma classe chamada cb, com as seguintes propriedades:

.cb {
    clear: both;
    overflow: hidden;
}

ou o próprio clearfix, porém, sempre fico me perguntando se existe uma forma mais organizada de se fazer.

3
  • Não entendi sua pergunta, o elemento <p> já é um elemento de bloco, e por isso já assume todo o tamanho do seu conteúdo (width + height)
    – Kazzkiq
    Commented 29/09/2014 às 18:50
  • Acho que o exemplo não ficou muito claro, mas por exemplo, se eu tivesse 2 SPAN's dentro do P, e desse float: left; nos mesmos, os elementos que viessem após o P, provavelmente iriam ficar na mesma linha dos SPAN's. Para evitar isso, usaria a classe CB no P. Commented 29/09/2014 às 18:52
  • 1
    Só o overflow: hidden já basta.
    – bfavaretto
    Commented 29/09/2014 às 18:53

1 Resposta 1

1

Pode fazer com float ou com display: inline-block, ou inline-table e se não for flutuante da para usar display: block.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .