Row doesn’t respect Padding’s Div

Asked

Viewed 154 times

0

Row has no respect for the padding of the div she’s in. Coloquei a Linha pra Entenderem melhor

div[role="conteudo"]{
            width: 100%;
            padding:0px;
            height: 100%;
            background-color: #FFF;
        }

<div class="container" role="conteudo">
      {...}
    <div class="row">
       <div class=col-lg-8>
          {...}
       <div class=col-lg-4>

Someone can help me?

  • The padding is at 0. The problem is the image exit? We always have to define a height or a width for the pictures

  • I also advise you not to put 100% height in the content, apply a height:auto; (for a div to receive a height of 100% it has to be inside an element with a height already set, and if it is inside a div with height already set to which it receives 100% it needs a display:block style;)

  • the problem is not the image but the col even without having the images she gives it, and as if the original padding of the content did it back, like if I take the padding she looks perfect in the space but then my menu gets space between the edges

1 answer

0


Applies float:left; in your Row CSS.

  • Okay, I retracted the comment. now the float is the answer...

  • I don’t understand what you mean by this. The question was, why does the ROW div not respect the padding of the CONTENT div. I answered, that the problem is the lack of "float:left;" style in div Row. I’m not asking any questions.

  • @luisaddor Sorry for the inconvenience of the messages. This type of message is automatic from the system. Your question went to the analysis queue for being too "short". It would be interesting to add more details, explaining why your answer works.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.