서로 옆에 DIV를 놓는 방법

나는 서로 옆에 놓기를 원하는 몇 가지 DIV가 있지만 차단하고 있기 때문에 서로 아래에 떨어집니다. 이 문제를 어떻게 해결할 수 있습니까?서로 옆에 DIV를 놓는 방법

2012-03-09 Petter Hermansen

많은 답변에서 설명한 것처럼 코드를 포함시키는 것이 좋습니다. 현재 귀하의 질문과 함께, 거기에 유효한 답변 번호가 있지만 귀하의 질문에 대한 자세한 내용없이 귀하의 상황에 대한 _best_ 답변을 식별하는 것은 불가능합니다. 그리고 SO에 오신 것을 환영합니다. :) – csturtz

가장 좋은 방법은 플로트 사용하는 것입니다 : 왼쪽,하지만 어떤 경우에는 대신 DIV

출처

2012-03-09 13:58:40

Nooooo 수레가 악합니다. 에서와 같이, 그들은 해결할 수있는 것보다 훨씬 더 많은 문제를 야기합니다. – Domenic

그들은 어떻게 악마입니까? –

그들은 레이아웃에서 요소를 축소합니다. 원본과 의도 된 용도에 완벽합니다. 텍스트가 길면 오래 움직일 수 있습니다 (책에서 그림을 생각해보십시오). 그러나 그것들은 결코 레이아웃 메카니즘으로는 의미가 없으므로 악명 높은 "clearfix"와 같은 모든 종류의 칙칙한 것들로 악용 될 수 있습니다. – Domenic

div.i-like-snuggling { 
    /* don't ever leave me */ 
    display: inline-block; 
}

출처

2012-03-09 13:56:56 Domenic

음, * 나는 * 껴안는 것을 좋아합니다. – BoltClock

다음과 같은 코드로이를 달성 할 수 =

스타일 "디스플레이 : 인라인 블록"; 당신의 교화를위한

편집

: http://www.w3schools.com/html/html_styles.asp

출처

2012-03-09 13:57:09 Liam

'stytle'속성에 대해 들어 보지 못했습니다. 이 HTML6입니까? – Christoph

no. 그것은 매우 표준입니다! 추신 : 최신 HTML은 HTML5가 아닌 6 .... – Liam

아마도 HMTL입니다. –

는

출처

2012-03-09 13:57:30 csturtz

가장 좋은 방법은 예를 들어, CSS 속성 "부동"

div { float: left; width: 200px}

로 이동하는 것입니다 그 div의에 display: inline-block; 스타일을 추가 . 너비를 지정하지 않으면 브라우저는 적절하다고 느끼는 너비 (예 : 하위 요소의 너비)를 렌더링합니다. http://css.maxdesign.com.au/floatutorial/introduction.htm 다른 사람에 의해 제안

, 당신은 또한 display:inline-block를 사용할 수 있습니다

난 항상이 기사에게 좋은 참조를 발견했습니다. 그것은 당신이 성취하고자하는 효과에 따라 다소 다릅니다.

출처

2012-03-09 13:57:54 Bram

div가 동일한 높이가 아니거나 특별한 여백/패딩이 필요한 경우 문제가 발생할 수 있습니다 ... –

사실, 자세한 내용을 알고 있으면 흥미로울 것입니다. Petter Hermansen이 성취하려고하는 것에 대해 – Bram

아니면 절대 위치는 당신을위한 최선의 선택이의 SPAN을 사용할 수 있습니다. 우리는 HTML이 어떻게 생겼는지 모릅니다!

출처

2012-03-09 13:59:03

나는이 사람을 좋아한다! (절대 위치 지정 ...) – SamStar

서로 옆에 DIV를 놓는 방법

답변

관련 문제