중심 절대 div에서 큰
남자 이름
내 문제는 2 div가 있지만 1000px의 최소 화면 해상도도 지원해야한다는 것입니다. 그러나이 시나리오에서는 처음에 왼쪽 : 50 %에 위치하기 때문에 143px를 뷰포트 밖으로 밀어냅니다 (스크롤바가 나타남) (643 너비). : -50 %. 내가 어떻게 해결할 수 있는지 아이디어. 설명하기 조금 힘들어서 스크린 샷을 첨부했습니다.
<div id="outter">
<div id="inner"></div>
</div>
CSS는 다음과 같습니다.
#outter{
position: absolute;
height: 350px;
width: 643px;
margin: -245px auto;
left:50%;
z-index: 3;
}
#inner {
position: relative;
left: -50%;
}
마이클 운터 투어 너
웹 디자인 및 개발 분야에서 우리는 끝없는 새로운 해상도와 장치를 따라 잡을 수없는 지점에 빠르게 도달하고 있습니다. 많은 웹 사이트에서 각 해상도와 새 장치에 대한 웹 사이트 버전을 만드는 것은 불가능하거나 적어도 비현실적입니다. Soo 그들은 가상의 반응 형 웹 디자인 ,이 경우에 해결책입니다. 잘 했어 :)
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
div의 절대 중심 동적 수
- 2
절대 div 안에있는 요소의 수평 중심?
- 3
IE에서 절대 중심 요소가 지저분해진다.
- 4
td에서 수직으로 절대 블록 중심
- 5
위치 절대 div 및 요소의 중심 위치
- 6
Firefox에 표시되지 않는 절대 중심 이미지
- 7
IE11에서 절대 위치 플렉스 자식 중심화
- 8
상대 상위 모서리에서 절대 위치 div 중단
- 9
절대 중심 div가 올바르게 오버플로되지 않음
- 10
유체 폭과 높이가있는 절대 중심 수평 및 수직 div?
- 11
CSS : 절대 div 내에 절대 div 중첩?
- 12
뷰포트의 절대 중심에있는 모달 창 | Safari 및 IOS 문제
- 13
절대 위치 div 중첩
- 14
더 큰 SWAP 파티션 영역이 "일시 중지 \ 최대 절전 모드"에 도움이됩니까?
- 15
중앙에서 절대 div를 확장하여 자식 표시
- 16
절대 div 내에서 절대 div를 어떻게 중앙에 배치합니까?
- 17
동적 요소의 절대 중심
- 18
중심 절대 위치 의사 요소
- 19
절대 요소에 집중
- 20
<div> 중심화
- 21
가장자리 대신 중간에서 절대 div 위치 지정
- 22
열심이 가입 할 때 최대 절전 모드합니까 StatelessSession 방지에 중복 필터링
- 23
div 내부 중심에 div
- 24
IE7에서 div 중심화
- 25
모달 창에서 div 중심화
- 26
h1에서 div 중심화
- 27
Android에서 넓은 원 대신 이미지 중심 회전
- 28
DIV에서 더 큰 이미지 중앙에 배치
- 29
애니메이션 : 더 큰 직사각형 상자 내부의 자체 중심에서 svg 경로 회전
몇 마디 만하겠습니다