제목을 머리글 왼쪽 상단에 로고를 어떻게 배치하나요?로 다시 작성합니다.

Question

저는 로고가 왼쪽 상단에 있어야 하는 대학 프로젝트의 헤더를 디자인하고 있습니다. CSS에서 float 속성을 사용해 보았지만 아무 일도 일어나지 않았습니다. 제목 표시줄의 왼쪽 상단으로 로고를 이동하려면 어떻게 해야 합니까? 여러 번 시도했지만 코드가 실행되지 않습니다.

으아아아 으아아아

Answer 1

div 안에 .logo元素和p 태그를 넣으면 됩니다. 자동으로 정렬됩니다.

버튼 주위의 a 태그를 닫는 것도 잊으셨네요.

무엇을 하고 있는지 알지 못한다면 레이아웃에서 부동 소수점이나 절대 위치 지정을 사용하지 마세요...

으아악 으아악

Answer 2

당신의 것header具有padding: 30px 10%，这意味着header的左右两侧会有10%的填充，然后在.logo中，您将起始位置设置为距离左侧20px.

이를 "수정"하는 한 가지 방법은 left: calc(-10% + 20px);来使.logo的left부정적인 입장에 있는 것입니다.

으아악 으아악