2011-07-27 3 views
0

스크린 샷 1 : https://skitch.com/android86/fm4r7/dreamweaver (HTML 디자인보기)
스크린 샷 2 : https://skitch.com/android86/fm4fd/dreamweaver (CSS) 스크린 샷 1에서플로트/위치 CSS

, 나는의 일부로서 웹 사이트의 연락처 및 로그인에 대한 링크가 시도 Nav 태그는 html 5에서 제공하지만, hgroup 옆에 수평으로 배치하기를 원했습니다.

내가 hgroup에 너비를 할당했는데 이제 hgroup의 오른쪽에 많은 공간이 생겼지 만 네비게이션이 수평으로 정렬되기 시작했는데 CSS의 위치 또는 플로트 속성으로 처리해야하는 것이 있나요?

다양한 조합으로 시도했지만 지역에 맞추기 위해 nav에 너비를 지정했지만 작동하지 않는 것 같습니다. 어떤 단서?

CSS 코드는 스크린 샷 2에 있습니다. 이전 토론을보고 나면 클래스를 사용하는 대신 상위 관계가 가장 관련성이 높은 것으로 생각할 수 있습니다. 저는 개인적으로 매우 독특한 시나리오와 클래스인데 어떤 것을 매우 일반적으로 사용할 것으로 기대할 때 CSS에서 이드를 사용해야한다고 생각했습니다.이 부모 자식 관계는 클래스를 선언하는 방식입니까? 모두에게 감사드립니다.

+3

이것은 당신이 만든 경우 [JS 빈 (http://jsbin.com A [jsFiddle] (http://jsfiddle.net/) 또는 답변을하기가 훨씬 쉬울 것 : 여기 개정 jsFiddle입니다 /) 당신이 지금까지 가지고있는 것의 데모. 또한 단락을 두려워하지 마십시오. – thirtydot

+0

이 놀라운 도구를 소개해 주셔서 감사합니다. 그것은 내가 찾고 있었던 바로 그 것이다. :) http://jsfiddle.net/u5M6t/1/ – varun86

답변

2

두 요소를 모두 떠 다니고 고정 폭을 모두 제거하여 처리 할 수 ​​있습니다. http://jsfiddle.net/joshnh/jdUWt/

+0

@Evil 링크가 수정되었습니다. – joshnh

+0

감사합니다. 잘 작동합니다. – Evil