2014-03-06 7 views
0

그래서 기본적으로, 나는 두 divs 다른 div 안에 앉아 싶어요. 첫 번째 것은 아무런 문제없이 앉아 있지만 두 번째 것은 부모 밑에 뜬다. overflow:hidden을 추가하면 더 이상 div가 표시되지 않습니다. 가장 가까운 해결책은 overflow:auto을 추가하는 것이었지만 스크롤 막대 만 생성합니다. 크기 조정, 다른 위치 지정, 오버플로 및 clearfix 시도했지만 지금까지 솔루션을 찾을 수 없습니다. 어떤 아이디어 야? JSFiddle 데모는 여기 http://jsfiddle.net/QLbGc/ 어떤 도움을 주셔서 감사합니다, 그것은 지금 이틀 동안 나를 귀찮게하고있어.하위 하위 div 부동 부모

+0

두 번째 div는 정확히 어디에 표시해야합니까 ?? – Neha

답변

0

당신이 옆에 두 개의 div의 측면을 찾고 있다면 여기에 그의 바이올린입니다. 나는 당신이 그것을 필요로하거나 당신이 시도하고 변화에 영향을 미치는 그것을 던지는 된 물건이 아니었다 확신으로

http://jsfiddle.net/Hastig/QLbGc/6/

나는 물건의 무리를 제거.

누군가 당신이 왼쪽 div로 원했던 것으로 float: left;이 누락되었다고 언급했습니다.

컨테이너 div와 일치하도록 여백과 여백을 보정해야합니다.

예에서 주 용기의 폭은 500px입니다. 해당 div에 20px 결합 여백을 추가 할 때 각 float div를 250px 너비로 설정하면 총 너비는 520px로 이동하고 왼쪽 div 아래에 해당 div를 푸시하므로 각 떠 다니는 div를 240px로 보완해야합니다. 같은 비율의 거래.

의도가 잘못되어 해당 div 중 하나를 숨기려고하면 display: none;을 사용하고 표시 할 너비를 두 배로하십시오.

+0

고마워. 그게 내가 필요로했던 바로 그거야! – user2834090

0

이 코드를 CSS에 넣으십시오.

.content::-webkit-scrollbar { 
    display: none; 
} 
+0

아니요, OP가 다른 'div'에 'float'을 추가하지 않았다는 것 모두 잘못되었습니다. – Ruddy

1

당신은

그것은 부동 그래서 지금 당신이 왼쪽 부동 DIV '슬라이드 쇼'와 '에 대해'div에 한

#slideshow { 
background-color: #000; 
margin: 15px; 
height: 95%; 
width: 60%; 
-moz-border-radius: 15px; 
border-radius: 15px; 
float: left; 
} 

해야 슬라이드 쇼 사업부에서 float:left;을 넣어 깜빡 권리와 그들이 부모 div 안에 들어갈 수 있습니다.

처음에는 부모 div 안에 있었지만 about div는 슬라이드 쇼 div에있었습니다.

데모 :

http://jsfiddle.net/QLbGc/2/

+0

'float : left'가없는 올바른,'float : right'' div'가 그 밑으로 밀렸습니다. 따라서 float없이'div '에'float : left'를 추가하고 컨테이너를'overflow : hidden'으로 설정하고 모두 고정하십시오. 잘 했어. 빌 K – Ruddy

관련 문제