2016-07-08 4 views
0

넘치는 부분을 새 줄로 나누기 위해 부모를 지나서 넘치는 div를 만들려면 어떻게해야합니까?줄 넘침 넘침 div

내가 지금 무엇을 가지고 : https://jsfiddle.net/9f9b4pz0/

<html> 
    <div class="first"> 
    <div class="second"></div> 

    </div> 

</html> 

CSS : 나는 당신이 position: absolute을 사용하여 해당 오버 플로우 의미를 알고하지 않습니다

.first { 
    width: 500px; 
    height: 500px; 
    background-color: red; 
} 

.second { 
    width: 700px; 
    height: 200px; 
    background-color: blue; 
} 
+0

div를 중단하고 감싸고 싶습니까? '.first' 안에? 이 경우 CSS는 HTML 객체의 무결성을 손상시킬 수 없으므로 불가능합니다. – moscar

+0

자바 스크립트 또는 jquery로 가능합니까? – user3482304

+0

정확히 필요한 것을 얻지 못했습니다. 두 부서간에 격차가 필요합니까? – Sree

답변

0

대신 (width: auto에 대응하는) 폭이없고, 대신에 단지 heightmax-height NO.

https://jsfiddle.net/vxhmu6xj/1/

(당신은 폭을 고정했다 블록을 깰 수 없습니다

일반적인 상황은 자동으로 새로운 라인에 침입 않는 일반 색깔의 사각형하지만, 텍스트, 작은 imagaes 등이되지 않을 것 - 원하는 경우에도 한 블록처럼 보이지만 너비가 충분하지 않으면 쌓을 수있는 여러 블록을 서로 사용해야합니다.)