HTML和CSS：将块元素浮动到另一个块元素中？

Question

是否可以在<ul>内隐藏<div>？如果是这样，怎么样？

Answer 1

这就是你想要的：

div > ul
{
    float: left;
}

Answer 2

[YES]

CSS：

<style type="text/css">
  div.my-div {
    width: 200px;
    height: 200px;
  }
  div.my-div ul.left-floated {
    width: 100px;
    height: 200px;
    float: left;
    /* display: block; */
  }
  div.my-div ul.right-floated {
    width: 100px;
    height: 200px;
    float: right;
    /* display: block; */
  }
  .clearfix {
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
  }
</style>

HTML：

<div class="my-div">
  <ul class="left-floated">
  </ul>

  <ul class="right-floated">
  </ul>

  <br class="clearfix" />
</div>