css - HTMLとCSS：ブロック要素を別のブロック要素内にフロートさせますか？

Question

<ul>中に浮かぶことは可能<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>