如何修復由引導程序使用的div與餘量頂部和餘量保留

我使用了一個包含段落和href的div。但我的問題是，當我在保證金頂部使用瀏覽器並留有餘量時，我需要一個位置，而當我使用其他瀏覽器時，我需要另一個位置。我的代碼：如何修復由引導程序使用的div與餘量頂部和餘量保留

<div class="clearfix"> 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%"><a class="btn btn-info btn-xs" href="#"><i class="fa fa-folder-open-o"></i>&nbsp;List materials</a></p> 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%;margin-left: 18.4%"><a class="btn btn-info btn-xs" href="#" ><i class="fa fa-plus"></i>&nbsp;Add material</a></p> 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%;margin-left: 29%"><a class="btn btn-success btn-xs" href="#" ><i class="fa fa-remove"></i>&nbsp;Update material </a></p> 
</div>

是我能解決的div使用瀏覽器的任何位置？

來源

2016-07-28 johansson

因爲您已將margin-top和left分配到percentage %，這就是它的不同之處。而是將它們分配到px並將您設爲body margin和padding至0。即使在某一時刻，您的所有內容都會因爲使用percentage %而變得混雜，請嘗試下面的代碼。

body{ 
margin:0; 
padding:0; 
} 

<div class="clearfix"> 
    <p style="position:absolute;font-size: 90%;margin-top: 34px"><a class="btn btn-info btn-xs" href="#"><i class="fa fa-folder-open-o"></i>&nbsp;List materials</a></p> 
    <p style="position:absolute;font-size: 90%;margin-top: 34px;margin-left: 90px"><a class="btn btn-info btn-xs" href="#" ><i class="fa fa-plus"></i>&nbsp;Add material</a></p> 
    <p style="position:absolute;font-size: 90%;margin-top: 34px;margin-left: 180px"><a class="btn btn-success btn-xs" href="#" ><i class="fa fa-remove"></i>&nbsp;Update material </a></p> 
</div>

來源

2016-07-28 14:49:12 frnt

，當我使用電腦站需要我的位置，並使用一臺筆記本電腦時，它需要我的另一個位置。 **，你有這個問題的想法** – johansson

@johansson你嘗試以上的代碼，爲什麼你使用類clearfix。 – frnt

是的我用你的代碼工作，但當我使用筆記本電腦它需要我另一個位置 – johansson

最簡單的解決方案是用像素來代替％。％根據導致問題的屏幕調整大小。

https://jsfiddle.net/3z5yqcz8/

<div class="clearfix"> 
 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%"><a class="btn btn-info btn-xs" href="#"><i class="fa fa-folder-open-o"></i>&nbsp;List materials</a></p> 
 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%;margin-left: 200px;"><a class="btn btn-info btn-xs" href="#" ><i class="fa fa-plus"></i>&nbsp;Add material</a></p> 
 
    <p style="position:absolute;font-size: 90%;margin-top: 7.2%;margin-left: 400px;"><a class="btn btn-success btn-xs" href="#" ><i class="fa fa-remove"></i>&nbsp;Update material </a></p> 
 
</div>

來源

2016-07-28 15:40:31

如何修復由引導程序使用的div與餘量頂部和餘量保留

回答

相關問題