小编Mar*_*c05的帖子

如何让父DIV环绕子DIV？问题在于position:absolute在.nav-content.

http://jsfiddle.net/9H77Y/8/

编辑:嗯,显然我想要的是不可能的.解决这个问题的唯一方法是javascript,它首先会破坏这个目的.但是,设置固定高度nav-tabs将起作用.

HTML

<div class="nav-tabs-wrapper">
  <div class="nav-tabs">
    <div class="nav-tab">
      <input type="radio" id="tab1" name="nav-group" checked>
      <label for="tab1">foooooooo</label>
      <div class="nav-content">
        <div> stuff1 </div>
      </div>
    </div>
    <div class="nav-tab">
      <input type="radio" id="tab2" name="nav-group">
      <label for="tab2">bar</label>
      <div class="nav-content">
        <div> stuff2 </div>
      </div>
    </div>
  </div>
</div>

CSS

.nav-tabs-wrapper
{
    padding: 10px; /* separates the code from other content */
    border: 1px solid #F00; /* visibility aid */
}
.nav-tabs
{
    position: relative; /* needed as future positioning reference base …