화면 오른쪽 하단에 테이블 놓기

Question

CSS와 자바 스크립트 메뉴를 제공하려고합니다. 나는 화면의 오른쪽 하단에 테이블을 배치하고 그것을 확장하고 싶습니다. 현재 테이블은 항상 아래로 확장되거나 테이블을 포함하는 바닥 글 요소로 들어가려고합니다. 어떻게 테이블을 확장하도록 강요합니까? 오버플로 스타일은 원하는 기능을 제공하지 않는 것 같습니다.

감사합니다.

Answer 1

CSS에서 사용해보십시오.

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

Answer 2

이 뜻입니까? 데모 용으로

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; 
} 

그리고 자바 스크립트 :

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

예 : 모든 의견 http://jsfiddle.net/8SvCm/

Answer 3

감사합니다. 내가 찾은 해결책은 여기에 설명되어 있습니다 :

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

그것은 메뉴를 달성하기 위해 jQuery를 중첩 된 div의 조합과 CSS를 사용합니다. 아주 멋지다!