반응형
브라우저의 오른쪽 하단에 div를 배치하는 방법은 무엇입니까?
항상 표시되는 화면의 오른쪽 하단 위치에 메모와 함께 내 div를 배치하려고합니다 .
나는 그것을 위해 다음 CSS를 사용했습니다.
#foo
{
position: fixed;
bottom: 0;
right: 0;
}
Chrome 3 및 Firefox 3.6에서 잘 작동하지만 IE8은 짜증납니다 ...
이에 적합한 솔루션은 무엇입니까?
이 스 니펫은 최소한 IE7에서 작동합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Test</title>
<style>
#foo {
position: fixed;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<div id="foo">Hello World</div>
</body>
</html>
나는 이것을 테스트하기 위해 IE8이 없지만 작동해야한다고 확신합니다.
<div class="screen">
<!-- code -->
<div class="innerdiv">
text or other content
</div>
</div>
그리고 CSS :
.screen{
position: relative;
}
.innerdiv {
position: absolute;
bottom: 0;
right: 0;
}
그러면 .innerdiv가 .screen 클래스의 오른쪽 하단에 배치됩니다. 이게 도움이 되길 바란다 :)
이 시도:
#foo
{
position: absolute;
top: 100%;
right: 0%;
}
반응형
'UFO ET IT' 카테고리의 다른 글
| Binary와 라이브러리 VS Embed 프레임 워크 연결 (0) | 2020.11.18 |
|---|---|
| 내 응용 프로그램에서 사용할 멀티 캐스트 주소를 선택하려면 어떻게합니까? (0) | 2020.11.18 |
| Javascript, ^ (캐럿) 연산자는 무엇을합니까? (0) | 2020.11.17 |
| WPF MVVM : 창을 닫는 방법 (0) | 2020.11.17 |
| cout 및 cin에 비트 시프트 (<< 및 >>)가 사용되는 이유는 무엇입니까? (0) | 2020.11.17 |