如何創建一個側面傾斜的div

Question

div中會有一些文本，我應該能夠將div的高度和寬度設置爲auto，以便根據文本內部調整大小。 的傾斜角是45 *

Answer 1

試試這個

CSS

.bar { 
    height: 100px; 
    width: 300px; 
    background: #BC5859; 
    display:inline-block; 
    position: relative 
} 

.bar:before { 
    display:inline-block; 
    position: absolute; 
    content:""; 
    border-left: 100px solid #BC5859; 
    border-bottom: 100px solid transparent; 
    height: 0; 
    width: 0px; 
    right: -100px; 
    top:0; 
} 

DEMO HERE