국경 높이 CSS를 사용하여 내 div 높이 50 % 어떻게?

참고 : 모든 질문을 시도했습니다. & 답변이 주제와 관련이 있습니다. 또한 나는 관련 질문을 시도하고 그것을 해결하려고했지만 성공하지는 못합니다. 제 질문을 철저히 읽어주십시오.국경 높이 CSS를 사용하여 내 div 높이 50 % 어떻게?

내 div 높이와 비교하여 국경 높이를 50% (으)로 설정하고 싶습니다.

은 내가 당신이 접근 아래 같은 것을 가질 수

.sing-wrapper { 
 
    border-left: 3px solid #999; 
 
    border-bottom: 3px solid #999; 
 
    height:10%; 
 
    width:220px; 
 
    padding: 10px; 
 
    border-bottom-left-radius: 25px; 
 
    display: inline-table; 
 
    position: relative; 
 
} 
 
.cmpny-label 
 
{ 
 
\t display: inline-block; 
 
    position: absolute; 
 
    right: 0; 
 
    padding-left: 5px; 
 
    background-color:#FFF; 
 
}

<div class="sing-wrapper"> 
 
<div style="width:100%;height:100%;"> 
 

 
Hello Friends Sign <br> 
 
Hello Friends Sign <br> 
 
Hello Friends Sign <br> 
 
Hello Friends Sign <br> 
 
Hello Friends Sign <br> 
 

 
</div> 
 
<div class="cmpny-label"> 
 
<i style="color:#ccc;"> Signed With my Company 
 
</div> 
 
</div>

출처

2017-12-20 Sumit patel

를 코딩하는 시도 아래이

를 좋아합니다 . 흰색 배경 가진 의사 요소를 추가

.sing-wrapper:after { content: ''; height: 50%; width: 3px; position: absolute; left: -3px; top: 0; background-color: white; }

.sing-wrapper { border-left: 3px solid #999; border-bottom: 3px solid #999; height:10%; width:220px; padding: 10px; border-bottom-left-radius: 25px; display: inline-table; position: relative; } .sing-wrapper:after { content: ''; height: 50%; width: 3px; position: absolute; left: -3px; top: 0; background-color: white; } .cmpny-label{ \t display: inline-block; position: absolute; right: 0; padding-left: 5px; background-color:#FFF; }

<div class="sing-wrapper"> <div style="width:100%;height:100%;"> Hello Friends Sign <br> Hello Friends Sign <br> Hello Friends Sign <br> Hello Friends Sign <br> Hello Friends Sign <br> </div> <div class="cmpny-label"> <i style="color:#ccc;"> Signed With my Company </div> </div>

출처

2017-12-20 04:49:52 dwij

는 당신에게 매우 much..great 응답 @dwij 감사 –

국경 높이 CSS를 사용하여 내 div 높이 50 % 어떻게?

답변

관련 문제