2012-08-31 2 views
0

저는 CSS에 익숙하지만 메뉴 바 중 하나는 메뉴 ("링크") 항목 중 하나에 문제가 있습니다. Links 메뉴 항목 위로 마우스를 가져 가면 세 개의 상자가있어서 거기에 자신의 영역으로 분리하려고합니다. 지금 그들은 서로 랩핑하고 있습니다. 내가 뭘 잘못하고 있는지 말해 줄래?3 개의 상자로 나뉘어 진 행 만들기

나는 margin-left와 padding-left를 시도해 보았고 상자를 오른쪽으로 더 이동하거나 상자를 더 넓게 배치했다. 그러나 그들은 그 (것)들을 밖으로 양보하지 않는다.

현재 메뉴 모음을 찾을 수 있습니다 http://jsfiddle.net/vtjPR/

답변

1

세 개의 상자 (div.col_1)는 125px의 설정 폭을 가지고있다. 그러나 상자 안에는 너비가 150px 인 링크 목록 (ul.blackbox)이 있습니다. 또한 목록 항목의 너비는 130px로 정의되어 있습니다.

+0

괜찮습니까. 그게 무슨 뜻입니까? 상자를 어떻게 분리합니까? –

+1

글쎄, 이것은 내부 요소 (ul)가 외부 요소 (div = 상자)보다 넓음을 의미합니다. 그러면 중복되는 경우가 많습니다. 상자를 더 넓게 만들거나 목록을 적게 만들 수 있습니다. – Paul

+0

감사합니다. 나는 당신의 제안 덕분에 효과를 낼 수있었습니다! –

관련 문제