기본적인 HTML과 CSS를 배우려고합니다. 이것은 내가 현재 가지고있는 코드입니다.
http://jsfiddle.net/spadez/vvDJ9/3/
코드에는 두 가지 문제가 있습니다.
다음은 코드의 관련 부분입니다.
header a { padding: 15px 20px; background-color: #16AD8F; }
이것은 li인라인 블록 이기 때문 입니다. 물론 코드를 다시 실행하고 float를 사용하여 수정할 수 있습니다. 예를 들어 ... 또는 lis를 함께 결합하여 공백을 제거 할 수 있습니다 ( </li><li>..., 여기 참조 : http://jsfiddle.net/vvDJ9/6/ ). ...
하지만 공간을 없애기위한 좋은 방법이 있습니다 : font-size: 0;부모 ul요소로 설정 : http://jsfiddle.net/vvDJ9/5/
#header ul {font-size: 0;}
그리고 상단 패딩을 올바르게 얻으려면 앵커를 http://jsfiddle.net/vvDJ9/9/로 설정하십시오 display: block;.
#header a {display: block;}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다