人生最曼妙的风景，竟是内心的淡定与从容！
通常、解決には絶対位置を使用します
<p class="parent"> <span class="text">推奨</span> <p class="triangle-topleft"> </p> </p> 。親{ 位置: 相対的; 幅: 200ピクセル; 高さ: 200ピクセル; } .parent .text{ 表示: インラインブロック; 変換: 回転(-45度); パディング: 20px; 色: #fff; } .triangle-topleft{ 幅: 0; 高さ: 0; ボーダートップ: 100 ピクセルの赤一色。 境界線右: 100 ピクセルの単色透明。 位置: 絶対; トップ: 0; z インデックス: -1; }
<html> <title></title> </head> <style type="text/css"> .main_img{ 表示: ブロック; 幅: 90%; 高さ: 4.954em; 位置: 相対的; オーバーフロー: 非表示; マージン左: 0.742em; マージントップ: 0.8em; } .main_img .new{ 幅: 3.25em; 高さ: 3.25em; 位置: 絶対; トップ: 0; 左: 0; 背景サイズ: 3.25em 3.25em; 背景: URL(http://m.lobo666.com/Public/image/main/new.png) リピートなしの中心。 } </スタイル> <p class="main_img"> <!-- <a href="/index.php/Home/Detail/index/id/364.html"> --> <a href="/index.php/Home/Detail/index/id/364/aid/100004.html"> <img src="http://lobo.lobo666.com/Uploads/Building/61772d6d46.jpg"> </a> <!-- <p></p> --> <p class="new"></p> </p> </ボディ> </html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
通常、解決には絶対位置を使用します