css - HTML 和 CSS：在另一个块元素中浮动一个块元素？

Question

是否可以在 a 中浮动<ul>a <div>？如果是这样，怎么做？

Answer 1

这是你想要的吗：

div > ul
{
    float: left;
}

Answer 2

[是的]

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>