>웹 프론트엔드 >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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.