DIVCSS 웹 페이지 레이아웃의 왼쪽 및 오른쪽 지터에 대한 솔루션입니다.
저는 최근 웹사이트를 디자인할 때 이 문제를 겪었습니다. 콘텐츠가 margin: 0 auto가 되도록 회원 센터를 디자인했는데, 웹페이지가 중앙에 오면 웹페이지를 여는 순간 웹페이지가 왼쪽으로 회전하게 됩니다. 다른 페이지를 입력하면 웹페이지가 다시 오른쪽으로 이동합니다. 페이지에서 자주 점프하면 웹페이지 높이가 너무 높아져서 다시 왼쪽으로 이동합니다. 충분하지 않으면 오른쪽의 스크롤 막대가 나오지 않습니다. 여기서 웹 페이지의 너비는 스크롤 막대를 사용하여 추가해야 하며, 여백: 0 자동;, 웹 페이지는 중앙에 있지만 높이가 웹 페이지에서는 브라우저가 스크롤 막대를 표시할 수 있습니다. 물론 여기서 웹 페이지의 너비는 스크롤 막대의 너비에서 차감됩니다. 그런 다음 웹 페이지가 약간 왼쪽으로 회전합니다.
그렇지 않으면 위에서 말한 내용을 이해하셨나요? 해결 방법은 매우 간단합니다. 웹 페이지의 높이가 충분하지 않은 경우 오른쪽 스크롤 막대를 항상 표시하면 됩니다. , 브라우저가 오른쪽으로 스크롤됩니다. 바가 실행되면 코드는 다음과 같습니다.
예제 소스 코드
[www.downcodes.com] html{overflow-y:스크롤;}
매우 간단하지만 웹페이지를 작성할 때 헤더는 다음과 같습니다.
예제 소스 코드
[www.downcodes.com] <?xml version="1.0" 인코딩="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">