웹에서 수평 스크롤 막대로 탐색 할 수있는 다양한 양의 이미지를 수평으로 표시하고 싶지만 브라우저의 너비를 100 % 넘어서 표시 할 수 없습니다. 이미지의 양이 다양하기 때문에 컨테이너에 일정한 너비를 설정하지 않아야합니다. 다음 코드는 지금 시도하고 있습니다. HTML : <div id="container-galeria">
<img src="
세 개의 div를 나란히 배치하려고합니다. 첫 번째 div는 너비가 고정되어 있으며 화면 왼쪽에 있어야합니다 (예 : float:left;). 다음 div도 고정 너비가 있으며 화면 오른쪽에 있어야합니다 (예 : float:right;). 그리고 마지막 div는 그 사이의 공간을 채우고 브라우저 창의 너비에 따라 조정해야합니다. 중간에이 마지막 div에 대
왼쪽에 고정 너비 이미지가있는 div와 내 장치에서 너비가 100 % 확장되어야하는 배경색이있는 가변 너비 div가 필요합니다. 두 번째 div가 고정 div를 넘칠 수 없습니다. 변수 폭 div에 오버플로 : hidden을 추가하면 다음 행의 사진 아래로 바로 이동합니다. 나중에 미디어 쿼리로 응답하도록 사이트를 구성해야하고 각 장치의 다른 해상도 이미지
여기에 my site입니다. (나는 그것에 대해 아침 내내 일해 왔지만, 잠시 후 내 호스트와 문제가있는 것 같아서 나중에 연결할 수 없다면 나중에 연결해야한다.) 지도에서 알 수 있듯이 너무 큽니다. 나는 150px의 너비와 함께 페이지의 오른쪽에 뜨는 사이드 바를 가지고있다. 그러나 이것은 은폐되어있다. 페이지 바닥에 '푸시'되도록 고안된 꼬리말도 있습