집 >웹 프론트엔드 >CSS 튜토리얼 >CSS 웹페이지 레이아웃 정렬 불량 너비 계산 지침에 대한 자세한 설명

CSS 웹페이지 레이아웃 정렬 불량 너비 계산 지침에 대한 자세한 설명

高洛峰원래의: 2017-03-17 14:20:351889검색

너비를 계산하는 이유
웹페이지의 픽셀 너비를 계산하는 것은 CSS웹페이지 레이아웃을 깔끔하고 호환하기 위한 것입니다. 일반적으로 웹 페이지를 좌우 구조로 배치하거나 패딩과 여백을 사용할 때 너비를 계산하지 않으면 전체 페이지의 너비를 계산하게 됩니다. 너무 크거나 작으면 정렬 문제가 발생합니다.

CSS 너비 계산 방법
예 1: 왼쪽 및 오른쪽 구조의 레이아웃 스타일을 계산합니다.
전체 너비가 400px인 경우 왼쪽과 오른쪽의 합이 400px 미만이어야 하며 왼쪽이 300px, 오른쪽이 100px일 수 있습니다.
올바른 코드:

head>

<br><style type="text/css"><br/>.webjxcom{<a href="http://www.php.cn/wiki/835.html" target="_blank"> 너비:400px;}<br/>.zuo{ <a href="http://www.php.cn/wiki/919.html" target="_blank">플로트<a href="http://www.php.cn/wiki/974.html" target="_blank">:왼쪽; <a href="http://www.php.cn/wiki/892.html" target="_blank">배경:#CCC;}<br/> 당신{ float<a href="http://www.php.cn/wiki/975.html" target="_blank">:right; width:100px; background:#999}<br/></style> <br><br>

왼쪽 300px

오른쪽 100px

위 내용은 CSS 웹페이지 레이아웃 정렬 불량 너비 계산 지침에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：CSS3의 열 속성 소개다음 기사：CSS3의 열 속성 소개