如何创建一个偏向一侧的 div

Question

div 中会有一些文本，我应该能够将 div 的高度和宽度设置为自动，以便它会根据内部文本调整大小。倾斜角度为 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

如何创建一个偏向一侧的 div

How to create a div which is skewed on one side

html

css

css-shapes