[問題] 圖片抓不到之後影響到下方物件的距離

看板Web_Design作者st1009 (前端攻城師)時間6年前 (2018/09/08 21:32)推噓0(0推 0噓 1→)

留言1則, 1人參與討論串1/1

不好意思打擾各位大大，對於這個問題我覺得很莫名不知道哪裡出問題，所以上來問>///< 如題，今天我一張圖片抓不到時，會影響下方的物件的距離，如下圖 https://imgur.com/a/z9Ogj9o 如圖底下的"是否喜歡此廣告？"在抓不到圖片時，上移了一點點，但奇怪的是圖片的大小沒變阿... 既然沒變怎會影響到其他東西的距離，我真的不懂Orz 以下為我在html部份的程式碼，摻入了一些php，PTT上不好排版請見諒文章底下有給個網頁版的網址，大家也可以去那邊看程式碼>"< <div class="event_item weather_type event_open" > <div class="event_title"> <?php echo $row['name'] ?> </div> <a href="<?php echo $row['link'] ?>"> <img src="<?php echo $row['img'] ?>" alt="ERROR" class="event_item_pic" /> </a> <div class="event_text" > <input name="like[]" style="position: relative;" type="checkbox" value="<?php echo $row['id']; ?>">是否喜歡此廣告？ </div> <img src="image/event_item_shadow.png" alt="event_item_shadow" class="event_item_shadow"> </div> 以下是我使用的CSS .event_title { font-size: 16px; height: 30px; color: green; } .event_item{ border: 1px solid rgb(175, 176, 176); border-radius: 2px; width: 200px; float: left; margin-left: 10px; margin-bottom: 10px;/*RWD實行時可讓項目間留空*/ padding: 10px 10px 30px 10px;/*上右下左*/ background-color: rgb(255, 255, 255); position: relative;/*因為預設的position為static，而static不能被absolute用來上層定位，故多個relative但又不影響原先的位置*/ font-family: SimHei,Microsoft YaHei; } .event_item .event_item_pic{ width: 180px; height: 100px; position: relative; left: 50%; margin-left: -90px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(201, 15, 9); } .event_item .event_title{ text-align: center; letter-spacing: 1px; } .event_item .event_text{ /*background-color: blue;*/ font-size: 13px; line-height: 19px; } .event_item .event_text p{ color: green; } .event_item .event_text p span{ color: black; font-size: 12px; } ===================================== 這邊可以看程式碼唷！ http://jsfiddle.net/2n8oekux/14/ ===================================== -- 半壁河山半攻守半爭成敗半悟道許銀川 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.163.128.83 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1536413535.A.876.html ※ 編輯: st1009 (1.163.128.83), 09/08/2018 21:48:28