0

順序付けられていないリストの上にボタンを表示しようとしていますが、右揃えにしたいです。CSS スタイル "float:right" では、右側に表示されますが、リストと重なっています。リストをオーバーラップせずに右側にボタンを表示するにはどうすればよいですか?

コード：

<style>
.mylist { list-style-type: none; width: 100%; }
.mylist li { margin: 2px; padding: 2px; border: 1px solid black;}
</style>

<button style="float:right; display:block;">Preview</button>
<UL class='mylist'>
    <LI>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</LI>
    <LI>Test</LI>       
</UL>
4

1 に答える 1

2

clear:bothをmylistスタイルに追加します。デモ: http://jsfiddle.net/JgeTm/

CSS

.mylist{list-style-type:none;width:100%;clear:both}
于 2012-08-22T19:01:26.200 に答える