동적 폭을 가진 3 열 레이아웃을 원했습니다. 여기에 내 시나리오가있다.동적 폭을 가진 3 열 레이아웃
inline-block을 표시하고 overflow-x: scroll/hidden을 표시하는 요소를 플로팅했지만 아무 것도 작동하지 않았습니다. 나는 뭔가를 놓치고 있거나 잘못하고 있다고 느낍니다.
친절히 도움.
너비 백분율을 설정하려고합니다. 따라서 width:33%; 및 display:inline-block 인 3 개의 열이 충분해야합니다. position:relative; 및/또는 overflow:hidden;은 프로젝트에서 필요로하는 경우 각 열 내부에 요소를 포함하는 데 적합 할 수 있습니다.
주, 3 열은 조금 까다 롭고, 그래서 33 % 완벽하지 않은 경우, 소수 33.333%와 시도, 또 다른 일반적인 트릭은 바로이 도움이 .column:last-child{float:right}
희망처럼 마지막 느릅 나무를 떠입니다!
Robert. 하지만 너비를 33 %로 설정하면 그 안의 내용은 그 이상을 초과 할 수 없습니다. iam이 오버 플로우를 제공하기 때문에 : 숨김 또는 clearfix 해킹을 적용하면 div 가로를 가로로 늘리는 것이 아니라 다음 줄을 차지하고 있습니다. – venky
내 마지막으로 잊어 버렸습니다. 어쨌든 내가 할 필요가있을 때 나는 자바 스크립트로 너비를 설정한다. 그래서 그것을 horiztonally한다. 나는 정말 CSS로이 일을하는 포괄적 인 방법을 생각해 내지 못했지만 거기에는 많은 예제가있다. CSS 트릭은 항상 좋다 : http://css-tricks.com/how-to-create -a-horizontal-scroll-site/ –
로버트 감사합니다, 이것은 유용합니다 – venky
이미 완료 한 작업을 공유하면 거기에서 작업 할 수 있습니다. – rorofromfrance