Ir para conteúdo
halfar

Aumentar tamanho da div

Recommended Posts

tenho uma div encapsulada dentro de outra.

 

Estou fazendo um menu expansivel, ocorre que quando o menu se expande (que é a div secundária) , dependendo da quantidade de informação de texto nesta div sencundária, a expansão do menu ultrapassa o limite da propriedade height da div principal.

 

Já tentei utilizar as propriedades min-height e max-height para a div principal mas não funcionou...

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Pelo  que entendi você que a div principal se expanda de acordo com informações div secundaria, tente usar o overflow:auto; isso faz que a div se expanda(height) de acordo com que há dentro da div..

Compartilhar este post


Link para o post
Compartilhar em outros sites
11 minutos atrás, halfar disse:

é isso mesmo.

 

Mas o overflow:auto, não expande a div, apenas cria uma barra de rolagem, e não acho isto legal.

Posto o seu css da div principal e da div secundaria, por favor.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se a sua div principal não se expande, é porque há algum definição que limita/bloqueia o tamanho da div ou a div interna possui um comportamento diferente da externa (position, por exemplo).

 

Exceto, por uma particularidade: div's pais, com clear:both, não se expandem quando uma div filha com float se expande. Ai sim, o uso de overflow (auto ou hidden, indiferente) resultaria na expansão da div.

 

Pode verificar um pouco mais abaixo:

http://stackoverflow.com/questions/18025818/clearboth-not-working-css-floats

Compartilhar este post


Link para o post
Compartilhar em outros sites

Movido: JavaScript -> HTML e CSS

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por mytools
      Boa noite,
      Podem me ajudar com o botão comprar da minha loja?
      Gostaria de deixar um pouco menor, mas não sei onde alterar no html/css
       
      http://style-theme.lojavirtualnuvem.com.br/br/
       
    • Por mytools
      Boa noite,
      Podem me ajudar com o botão comprar da minha loja?
      Gostaria de deixar um pouco menor, mas não sei onde alterar no html/css
       
      http://style-theme.lojavirtualnuvem.com.br/br/
    • Por Kelly Ferracine
      Adcionei um relógio no site, mas quando atualizo a pagina ele some e logo aparece, isso ta causado problema, pois a div abaixo sobe fazendo ficando esquisito, alguém poderia me ajudar?? Agradeço a atenção
    • Por amenum
      Pessoal, tudo bem? Fiquei parado da programação um bom tempo, e agora que retornei, queria dar manutenção nas minhas aplicações web que estão em vb.net webforms. Comprei um template de bootstrap (https://seantheme.com/color-admin-v4.2/admin/html/index_v2.html) e queria controlar os elementos via code behind in vb.net, mas estou sofrendo aqui por conta do meu limitado conhecimento.
       
      Alguém poderia me dar uma luz em base neste link:
      https://seantheme.com/color-admin-v4.2/admin/html/ui_modal_notification.html
       
      Ao clicar na maioria dos botões dessa página, abre um modal ou alert. Pois bem, eu gostaria de simular essa abertura a partir de uma lógica no code behind, por exemplo, em um formulário, caso alguma regra não esteja sendo cumprida. Simples assim.
       
      No código original, temos:
      Chamada:
      <a href="#modal-dialog" class="btn btn-sm btn-success" data-toggle="modal">Demo</a>
       
      Div do modal
      <div class="modal fade" id="modal-dialog" runat="server">
                                      <div class="modal-dialog">
                                          <div class="modal-content">
                                              <div class="modal-header">
                                                  <h4 class="modal-title">Modal Dialog</h4>
                                                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                              </div>
                                              <div class="modal-body">
                                                  <p>
                                                      Modal body content here...
                                                  </p>
                                              </div>
                                              <div class="modal-footer">
                                                  <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Close</a>
                                                  <a href="javascript:;" class="btn btn-success">Action</a>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
       
      o que eu preciso?
      No code behind
       
       Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
            try
                if verificaCampos() = false then ABRE O MODAL DIV COM A MENSAGEM DE ERRO          
           Catch ex As Exception
                     Throw ex
            end try
          End Sub
       
      Alguém pode me ajudar?
       
      muito obrigado.
       
    • Por Mupthon
      Olá, boa tarde a todos.
      Queria uma ajuda estou desenvolvendo um site para uma barbearia (meu tcc) e estou enfrentando um problema, minhas divs tem espaços brancos entre elas, aqui o codigo:
      HTML
       
      CSS:
       
       
       
      Aqui estao fotos do meu site e os espacos.
      https://imgur.com/a/YU5xJK9
      https://imgur.com/a/gUnamUZ
      https://imgur.com/a/16brr75
      https://imgur.com/a/KDgWCbf

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.