내부 왼쪽 이미지가 플로팅 된 100 % 상위 div

내부에 여러 개의 하위 div가있는 상위 div가 있습니다. 자식 div가 서로 옆에 수평으로 배치되기를 바랍니다. 즉, 부모 div는 이미지의 크기가 항상 바뀌기 때문에 정확한 너비로 설정할 수 없습니다. 그래서 부모 div를 width로 설정했다고 가정합니다. 100 % 다음에 어린이는 플로트 할 항목을 div로 나눕니다. 왼쪽.내부 왼쪽 이미지가 플로팅 된 100 % 상위 div

부모 div의 내부에있는 모든 하위 div의 너비와 일치하는 너비를 설정하면 작동합니다. 그것을 100 % 가질 수있는 방법이 있는가? 그리고 부모님 안에서 수평으로 아이들 divs를 놓는다.

출처

2012-07-10 Chapsterj

창이 너무 작 으면 아이들이 두 줄로 감싸는 것을 원하지 않으십니까? – sachleen

이 맞습니다. 그들은 모두 가로 행에 표시해야하며 브라우저 창 바깥에있는 행은 여전히 한 행에 표시됩니다. – Chapsterj

전혀 볼 수 없거나 스크롤바가 있습니다 – sachleen

이 부분을보세요. example fiddle - 원하는 내용입니까? 그들은 기본적으로 당 더 블록 레벨 요소 없기 때문에

은 본질적으로, 당신은 단지는 당신의 래퍼 DIV에 다음, 당신은 이미지를 떠 필요가 없습니다 모든

#wrapper{ 
white-space:nowrap; 
overflow:hidden; /* whatever suits you - could be scroll as well*/ 
}

이잖아 선언해야합니다.

출처

2012-07-10 15:43:39 Christoph

크리스토프에게 감사하지만 FF의 나를위한 당신의 모범은 수평으로 나란히 앉아있는 이미지를 보여주지 않습니다. 그들은 다음 줄로 감싸는 것 같습니다. – Chapsterj

FF에 빈 src 속성에 문제가 있습니다. 나는 바이올린을 꼬집어 이제 다시 시도해보십시오. – Christoph

좋습니다. 왜 광산이 작동하지 않는지 알아 보겠습니다. 모든 코드를 해독하고 여기에 게시하는 것은 약간 어렵습니다. 내가 그대의 모범에서 벗어나지 못한다면 나는 노력하고 실천할 수있는 방법을 찾겠다. – Chapsterj

내부 왼쪽 이미지가 플로팅 된 100 % 상위 div

답변

관련 문제