The blade model or the container doesn't want to be a container.



  • There is a structure.

     .event_border {
       -webkit-box-sizing: border-box;
       -o-box-sizing: border-box;
       -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
       box-sizing: border-box;
       border-right: 1px solid #eaeaea;
       border-bottom: 1px solid #eaeaea;
       float: left;
       vertical-align: top;
       padding: 30px 8px 10px 10px;
       position: relative;
       cursor: pointer;
     }
     .event_image {
       text-align: center;
       position: relative;
     }
    <div class="event_container" id="all_events">
      <div class="event_border" id="event1">
        <div class="event_image">
          <img src="Без имени-1.jpg" />
          <div class="event_note">
            <div id="event_calendar_left">Left</div>
            <div id="event_calendar_count">#</div>
            <div id="event_calendar_days">Days</div>
          </div>
        </div>
        <div class="event_close" id="close_event1">
          <img src="images/menu/bt_close_login_form.png" />
        </div>
        <div class="">
          <div class="event_date">19 December - 20 November</div>
          <div class="event_description">text text text text text text text text text text text text text text</div>
        </div>
      </div>
      <div class="event_border" id="event2">
        <div class="event_image">
          <img src="Без имени-2.jpg" />
          <div class="event_note">
            <div id="event_calendar_left">Left</div>
            <div id="event_calendar_count">#</div>
            <div id="event_calendar_days">Days</div>
          </div>
        </div>
        <div class="event_close" id="close_event2">
          <img src="images/menu/bt_close_login_form.png" />
        </div>
        <div class="">
          <div class="event_date">19 December - 20 November</div>
          <div class="event_description">text text text text text text text text text text text text text text</div>
        </div>
      </div>
    </div>

    the parent unit class="event_container"I don't understand why I don't have blocks. class="event_border"and the component code shall be displayed somewhere on top with no size. We need him to act on the two blocks he's the parent.



  • If float: left is necessary, add a characteristic to correct the zero size of the parent unit. overflow: hidden


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2