1. 程式人生 > >HTML中float:right;沒有效果的解決方法!

HTML中float:right;沒有效果的解決方法!

<div style="position: relative;">
    <div>
        <a>字型</a>
    </div>
    <div style="position:absolute;right:0px;">
                    <span>向右邊框對齊顯示的div</span>
                </div>
</div>

要點1:在父級div 加 position: relative;

要點2:在子級div 加 position:absolute;right:0px;

此時即可看到 span標籤所在的div (相當於)向右浮動顯示 顯示(解決float:right;沒有效果的問題)