彈出面板停靠在屏幕的底部

如何創建一個彈出面板停靠在屏幕的底部...彈出面板停靠在屏幕的底部

，我做這個是通過設置樣式爲這樣的方式：

bottom：10px; position：absolute;

這將始終將瀏覽器窗口底部的面板設置爲10 px。

問題是，gwt（或gwtp）堅持設置面板的右側和頂部，從而壓倒我的造型。如果我使用chrome的元素資源管理器並禁用右邊和頂部樣式規則，我會得到正確的行爲，所以採用這種方法是以某種方式禁用屏幕上面板位置的gwt設置...？

來源

2011-11-15 Michael Wiles

這是可能的，你需要使用他們!important覆蓋GWT什麼是對他們的設置，以增加你的規則優先級。

而且，top和right默認值將需要重置爲默認，這是auto，不0。

試試這個：

.mySelector { 
    bottom: 10px !important; 
    position: absolute !important; 
    /* You could also try position: fixed !important; here 
    if the element should be fixed by screen position 
    rather than containing element position */ 
    right: auto !important; 
    top: auto !important; 
}

來源

2011-11-15 09:57:43

感謝 - 事實證明，我已經嘗試過，但得到了重要錯誤的語法！這正是工作。 –

使用！重要的必須是矯枉過正。當然GWT和GWTP提供更清潔的路線設置應用程序的造型。 – Carl

沒有沒有，我會很感激你在一個正確的答案刪除您downvote。謝謝。 –

試試這個：

element-selector 
{ 
    bottom: 10px; 
    position: absolute; 
    top: 0; 
    right: 0; 
}

希望gwtp將不會覆蓋。

來源

2011-11-15 09:47:21 Kyle

彈出面板停靠在屏幕的底部

回答

相關問題