웹 사이트 레이아웃이 크기가 엉망이되었습니다.

Question

안녕하세요. 스택 오버플로를 잘하는 사람들, 웹 사이트 디자인에 큰 어려움을 겪고 있습니다. 나는 약간의 내용을 제외하고 첫 번째 페이지를 거의 끝냈다. 그러나 그것은 질문이 아니다. 나는 각 페이지의 상단에 메뉴를 포함시키기 위해 PHP include를 사용하여이를 일관되게 유지합니다. 그러나 브라우저의 크기를 조정하면 링크가 줄 바꿈되기 시작합니다. 내 CSS에 문제가 있거나 PHP 지식이 부족하여 문제가 될 수 있다고 생각합니다.

내 웹 사이트에 대한 링크는 builtbyhabel.net63.net입니다. 코드는 사용중인 브라우저에 대한 개발자 도구에서 볼 수 있어야합니다.

Answer 1

고정 너비가없는 컨테이너 내부에 링크가있는 것처럼 들립니다. 유효한 HTML을 작성하여

<div><a><a><a></div> <-- this one will contract with the width of your browser 

vs 

<div><a><a><a></div> <-- CSS div { width:978px; }