/* Document : style Created on : Jun 12, 2015, 1:36:05 PM Author : WN00066349 Description: Purpose of the stylesheet follows. */ root { display: block; } div.wrapper{ position:relative; /* important(so we can absolutely position the description div */ /* width: 170px; height: 170px;*/ overflow: hidden; } div.wrapper img{ /* width: 170px; height: 170px;*/ } div.description{ position:absolute; /* absolute position (so we can position it where we want)*/ bottom:0px; /* position will be on bottom */ left:0px; /* styling bellow */ background-color:black; font-family: 'tahoma',"Microsoft Yahei","微软雅黑"; font-size:15px; color:white; display: table-cell; vertical-align: bottom; box-sizing: content-box; } div.description_content{ font-family: Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; padding: 10px; font-size: 15px; position: relative; left: 0; line-height: 1.2; } td { padding: 6px; } @media all and (max-width: 768px) { div.description { position: relative; display: block; background-color: transparent; color: #000; width: 100%; } div.description_content { padding: 10px 10px 10px 0; font-size: 13px; width: 90%; color: #000; } }