在屏幕的右下方放置一張桌子

-1

我試圖提供CSS和javascript的菜單。我想在屏幕的右下方放一張桌子，並將其擴大。目前，該表總是向下展開或嘗試將自身塞進包含該表的頁腳元素中。你如何強制一張桌子擴大？溢出風格似乎沒有提供所需的功能。在屏幕的右下方放置一張桌子

謝謝！

2012-01-05 user1132539

你應該檢查JS代碼（和/或把它放在jsbin中，這樣我們可以看一下） – 2012-01-05 16:04:21

在您的CSS中試試這個。

table.bottomRight { 
    position:absolute; 
    bottom:0px; 
    right:0px; 
}

來源

2012-01-05 16:01:32

這是我最初嘗試的，當元素直接放置在文檔中時它確實工作。（例如，不嵌套在表格中）。我們有一個表格用於識別頁面上的「區域」，我試圖在表格底部的行內添加菜單項。 – user1132539 2012-01-06 14:56:18

你的意思是這樣嗎？

table { 
    position: absolute; 
    bottom: 0px; 
    left: 50%; 
    margin-left: -250px; 
    width: 500px; 
} 

table th { 
    background-color: #eee; 
    border-bottom: 1px #ccc solid; 
    height: 25px; 
    line-height: 25px; 
} 

table th, table td { 
    padding: 10px; 
} 

table tbody { 
    display: none; 
}

和JavaScript用於演示目的：

$('#test-button').bind('click', function() { 
    var tableBody = $('table tbody'); 
    tableBody.toggle(); 
});

例子：http://jsfiddle.net/8SvCm/

來源

2012-01-05 16:12:12

感謝所有的反饋。我找到了解決辦法記錄在這裏：

http://www.bennadel.com/blog/1740-Building-A-Fixed-Position-Bottom-Menu-Bar-ala-FaceBook-.htm

它使用jQuery和嵌套的div的組合和CSS來實現菜單。很酷！

來源

2012-01-06 14:59:36 user1132539

我很高興你找到答案。話雖如此，你的問題還不夠明確，任何人都能夠回答它。今後，請更具體一些。有關更多提示，請閱讀常見問題解答（http://stackoverflow.com/faq#howtoask）。 – PPvG 2012-01-08 23:23:26

在屏幕的右下方放置一張桌子

回答

相關問題