如何创建一个侧面倾斜的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