我想給我的div的50％左邊框

-5

在這裏，我試圖給我的DIV邊框左邊的50％，但不是ABEL要管理的。我有三個相同的類，但面對問題。我想給我的div的50％左邊框

.testinomila-post{ 

    width: 350px; 
    float: left; 
    text-align: center; 
    text-align: center; 
    margin-left: 60px; 
    margin: auto; 
    margin-left: 20px; 
    padding: 40px; 
    list-style: none; 
} 

.testinomila-post:before { 
    content : ""; 
    position: absolute; 
    left : 0; 
    bottom : 0; 
    height : 1px; 
    width : 50%; /* or 100px */ 
    border-left:5px solid magenta; 
}

enter image description here

來源

2017-04-26 sanjay

請提供'html'和您預期的結果 – Swellar

請不要在CAPS寫。此外，我明白不是每個人都是母語的人，但「給我的div的邊界左側50％」是不可理解的。 – 2017-04-26 07:45:53

你儘量讓這樣的事情？

.testinomila-post{ 
 
    position: relative; 
 
    width: 350px; 
 
    float: left; 
 
    text-align: center; 
 
    text-align: center; 
 
    margin-left: 60px; 
 
    margin: auto; 
 
    margin-left: 20px; 
 
    padding: 40px; 
 
    list-style: none; 
 
} 
 

 
.testinomila-post:before { 
 
    content : ""; 
 
    position: absolute; 
 
    left : 0; 
 
    bottom : 0; 
 
    height : 100%; 
 
    width : 1; /* or 100px */ 
 
    border-left: 1px solid magenta; 
 
    display: block; 
 
    box-sizing: border-box; 
 
}

<div class="testinomila-post"> 
 

 
</div> 
 
<div class="testinomila-post"> 
 

 
</div> 
 
<div class="testinomila-post"> 
 

 
</div>

只需將您的父元素添加position: relative和改變border-left，width並添加display: block

來源

2017-04-26 07:54:19

我可以使用這個左邊框，我遇到了問題，當我嘗試邊框：左，並沒有父div的背景 – sanjay

我需要左邊框不底部任何幫助 – sanjay

發佈你想做什麼的屏幕請，它不是清除 –

我想給我的div的50％左邊框

回答

相關問題