將DIV嵌入父DIV

-2

我使用CSS設置鑽石DIV。但鑽石分部正在走出去，或者是母公司。將DIV嵌入父DIV

有什麼辦法可以計算鑽石div的對角線長度，所以我可以將寬度設置爲父寬度？

HTML

<div class="col-md-2"> 
    <div class="ab-iconbar text-center"> 
     <div class="ab-baric"> 
      <img src="images/icons/baby63.svg" alt="baby"> 
     </div> 
     <div class="ab-icobox"> 
      <h3>19<small>to</small>34</h3> 
     </div> 
    </div> 
</div>

SCSS

.ab-iconbar { 
    @extend .ab-bg-yellow; 
    .ab-baric { 
     margin: 0 auto; 
     display: block; 
     width: 100%; 
     @extend .ab-bg-gsea; //bg color 
     text-align: center; 
     -webkit-transform: rotate(45deg); 
      -ms-transform: rotate(45deg); 
      -o-transform: rotate(45deg); 
      transform: rotate(45deg);  
     img, .fa { 
      -webkit-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
      -o-transform: rotate(-45deg); 
      transform: rotate(-45deg); 
     } 
    } 
    .ab-icobox { 
     @extend .ab-c-midnit; 
     padding: 10px; 
    } 
}

var ab_icbar_w = $('.ab-iconbar').width(); 
var ab_baric_w = $('.ab-baric').css('width', ab_icbar_w); 
$('.ab-baric').css('height', ab_baric_w);

CURR耳鼻喉科輸出

Current Output

來源

2015-06-08 Code Lover

既然你有效地要計算一個直角三角形的斜邊，它只是'的sqrt（A²+稱b²）''那裏和了''B'是正方形的寬度和高度 –

你可以使用畢達哥拉斯定理。

所以var diagLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2))

來源

2015-06-08 07:06:05 Pataar

Pythagorus定理會給你的對角線長度。從jQuery獲取高度和寬度，並使用pythagorus定理。

來源

2015-06-08 07:02:18 DhruvPathak

將DIV嵌入父DIV

回答

相關問題