4

Eaí pessoal, eu to aqui mais uma vez pedindo ajuda, eu tentei de tudo, até usei overflow:hidden, mas ficou muito pior, então eu preciso de ajuda, eu tenho

O código da div:

    width: 100%;
    display: block;
    background: #FFF;
    padding: 2em 3em;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11pt;
    color: #656565;
    line-height: 130%;

O código do float right:

    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
    float: right;
    margin: 5px 0 20px 20px;

Foto de Como fica: Como está JsFiddle: https://jsfiddle.net/Lqc6m1h6/1/

9
  • Coloque o html/css corrspondente/relevante para facilitar facilitar a resolução do problema sff
    – Miguel
    Commented 28/07/2016 às 14:42
  • @Miguel O Css está colocado, o da div com float:right e da div parent. Commented 28/07/2016 às 14:43
  • Facilitava ver o html também, o relevante, só com isso não consigo ser objetivo e estaria a adivinhar. Porque não faz um jsfiddle? sff
    – Miguel
    Commented 28/07/2016 às 14:48
  • 1
    Se utiliza o bootstrap, já tentou após o fim da div criar uma div <div class="clearfix"></div>? Commented 28/07/2016 às 15:53
  • 1
    @GustavoTinoco Faz uma resposta aí, pegou bem, valeu, eu tinha esquecido desse codigo, eu nem uso bootstrap mas me lembrei o codigo que tem dentro dele, muito obrigado! :D Commented 28/07/2016 às 16:25

1 Resposta 1

2

É simples, segue o exemplo....

Exemplo:

  .clearfix {
    overflow: auto;
  }

.elem {
    border: solid #6AC5AC 3px;
    position: relative;
}

.clear {
    clear: both;
}
     
       <div class="elem">
         
        <img style="float:right" src="http://pt-br.learnlayout.com/images/ilta.png" alt="An Image">
        <p>
<span>Pareçe que ficou estranho a imagem do lado com este conteúdo digitado não é mesmo??</span>
        </p>

    
   </div>
<div class="clear">Adicione a clearfix agora..</div>
<br><br>
      <div class="elem clearfix">
         
        <img style="float:right" src="http://pt-br.learnlayout.com/images/ilta.png" alt="An Image">
        <p>

<span>Normalizou agora? Parece que ficou normal....</span>
        </p>

    
   </div>

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 .