@@ -13,6 +13,10 @@
div{
box-sizing: border-box;
}
+ p,span{
+ margin: 0;
+ padding: 0;
+ }
.box{
/* width: 294px;
height: 338px; */
@@ -45,6 +49,7 @@
margin: 40px 0px;
padding: 40px;
float: left;
+ position: relative;
.content-box .item-title{
display: -webkit-box;
@@ -52,14 +57,15 @@
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
- min-height: 140px;
- font-size: 56px;
+ font-size: 48px;
.content-box .item-img{
- width: 100%;
+ width: 420px;
height: 320px;
- margin-top: 20px;
object-fit: cover;
+ position: absolute;
+ left: 40px;
+ bottom: 40px;
.flex{
@@ -72,10 +78,6 @@
height: 256px;
float: right;
- p,span{
- margin: 0 !important;
- padding: 0 !important;
- }
</style>
</head>
<body>
