가로스크롤 생성문제
하늘이
위에 그림에서 오른쪽에 내부에 내용물이 추가되면 가로 스크롤이 생기도록 제어가 가능할까요?부모태그의 사이즈를 내부태그에서도 먹어서 옆으로 계속 추가되는게 아니라 밑으로 떨어져버리던데..이런 형태를 스크립트를 사용하지않고 css만을 사용해서 가능할까요?혹 가능하다면 소스좀 알려주세요..
설명이 좀 부족한듯해서 소스를 첨부해볼께여..
style type=text/css.box01 { border:solid 3px blue; width:300px; height:400px; overflow-x:auto; position:relative }.box02 { width:1000px; margin:0; padding:0; list-style:none; position:absolute }.box02 li { margin:0; padding:0; float:left; border:solid 1px red; width:98px; height:300px; }/style
div class=box01 ul class=box02 li111/li li222/li li333/li li444/li li555/li /ul/div
저기에서 width:1000px은 인위적으로 넣어둔겁니다. (이러면 내용물과 상관없이 스크롤이 생기긴 하지만 그렇게 되어서는 안되니..)여기에서 li는 계속 추가가 될수도 있고 숫자에 제한이 없습니다.그래서 이런경우를 css만으로 가능할지.....
-
아리알찬
이거 혹시 해결하셨나요? ㄷㄷ
-
Glisten
일반적으로 텍스트를 넣으면 자동으로 가로스크롤이 생기고 하는데 안에 태그(ex, li style=\float:left\) 가 들어가면 왼쪽으로 계속 추가생성되어야하는데 부모사이즈에 따라서 아래로 떨어져버리네요...
-
에다
제가 알기로도 그렇게 알고 있어서요...그래두 혹시나 제가 모르는 무슨 방법이 있을까해서리...
-
누리알찬
부모의 width에 의한 상속 문제인데... 상속을 해재 하려면 자식개체에 width를 다시 정의해야 하는데...
그것이 않된다면.... 불가능 하지 않을까요? -
뽀그리
style type=\text/css\
#box{overflow-x:auto; width:300px; height:420px; border:3px solid gray; padding:10px}
/style
/head
body
div ID=\box\
div
text
/div
/div
/body
이런걸 말하시는게 아닌가요? -
차나
style=\heiht:300px; overflow:auto;\
질문의 요지에 맞는지 잘 모르겠네요.ㅡ.ㅡ;
일단 높이값을지정해주시고..오버플로우 속성으로 가능할 듯.. -
미리내
그렇게 해도 부모사이즈 넘어가면 밑으로 떨어지더라구여
-
크리미걸
li만 추가가 된다고 하면 li값에만 width값을 추가하는 형태로 잡으신다면 어떨까요?