Применение отступа к дочерним элементам заставляет дочерний элемент рисовать за границы своего родительского элемента. Можете ли вы объяснить размер рассмотрения в поле, отступы и ширины содержимого.

если мы увеличиваем заполнение, почему бы родителю также не изменить размер до накопительного размера всех дочерних элементов, учитывая также и дополнительный размер дочерних элементов.

http://jsfiddle.net/NkXUW/4/

 <div>
       <ul>
          <li><a>srikanth</a>
           </li>
           <li><a>sunkist</a>
        </li>
        <li><a>sunday</a>
        </li>
    </ul>
    </div>



div {
     margin-top:90px;
    margin-left:90px;
    background-color:#676896;
   }
   ul {
     list-style-type:none;
   }
    ul li {
    display:inline-block;
   }
   a {
    background-color:#c34567;
    padding:10px 10px 10px 10px;
   }

Какие методы кодирования мы должны рассмотреть, чтобы преодолеть эту проблему?

Хорошо, ребята, у меня есть много ответов, которые работают. Кто-нибудь может объяснить расчет родительского размера на основе дочерних элементов. Каковы характеристики ребенка, которые учитываются при расчете размера охватывающего родителя. когда вся прокладка считается, когда она не учитывается?