trycss_dropdown_right 在线代码实例

 <h2>下拉内容的对齐方式</h2>
<p>left 和 right 属性指定了下拉内容是从左到右或从右到左。</p>

<div class="dropdown" style="float:left;">
  <button class="dropbtn">左</button>
  <div class="dropdown-content" style="left:0;">
    <a>W3Cschool教程 1</a>
    <a>W3Cschool教程 2</a>
    <a>W3Cschool教程 3</a>
  </div>
</div>

<div class="dropdown" style="float:right;">
  <button class="dropbtn">右</button>
  <div class="dropdown-content">
    <a>W3Cschool教程 1</a>
    <a>W3Cschool教程 2</a>
    <a>W3Cschool教程 3</a>
  </div>
</div>