내 사이트에는 4 개의 스택에 그래픽 버튼 메뉴가 있습니다. 문제는 내 왼쪽 단추가 그 위에있는 다른 단추와 정렬되지 않은 채 거대한 양을 들여 쓰기로 결정할 때 왼쪽 단추를 떠 다니라고 말할 때 어떤 이유에서입니까? 이 아래 링크입니다 : 너희들이 원하는 경우에CSS 버튼에는 거대한 왼쪽 들여 쓰기가 있습니다.
http://www.bluestarnj.com/?page_id=49
내가 CSS 코드를 게시 할 수는 있지만, 모든 불을 지르고 또는 크롬 개발자 중 하나를 통해 액세스 할 수 있습니다. 나는 또한 새로운 라인을 시작할 때 다른 것들과 똑같이이 버튼을 코딩했다.
바로 티
그래서 두 개의 버튼과 관련된 문제가 있습니다.
첫 번째, "특수 제품 대량는"다윗이 언급대로, "유리 청소기는"이 일치하지 않는 높이를 가지고 위의 요소들에 대해 다루고 있습니다 margin-left: 15%;
두 번째가 있습니다. "소독제 - 보울 클리너", "드레인 유지 관리자/오프너"및 "마감 - 실러"는 높이가 42px입니다. 이러한 높이 때문에 "유리 청소기"는 거대한 왼쪽 여백처럼 보입니다.
아 좋아, 기본적으로 CSS의 모든 높이를 CSS와 동일하게해야합니까? – Baroti
그래, 그 두 번째 문제를 해결할 것입니다. – TheIronDeveloper
http://www.bluestarnj.com/?page_id=49 42px 동일한 문제로 모든 높이를 설정했습니다. 특정 버튼은 다른 사람들의 왼쪽으로 떠있었습니다. – Baroti
글쎄, style.css 라인 702에 15 %의 여백을 남겼다. – David
'float : left'를 모두 제거하고 'display : inine-block'으로 변경해보십시오. 플로트는 모든 요소의 높이에 의존하는 레이아웃으로 재미있는 일을합니다. – Djave
여백을 제거했습니다. 문제의 원인이 된 버튼을 누르면 그 여백이 제거되었습니다. 나는 모든 것을 인라인 블록으로 바꿨다. 처음 4 개의 버튼이 올바르게 정렬되어 있지만 그 다음에는 마지막 4 개를 제외하고는 모두 엉망입니다. – Baroti