<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>49-团购界面</title> <style> *{ margin: 0; padding: 0; } .content{ border: 2px solid #cccccc; margin: 0 auto; margin-top: 100px; width: 300px; height: 250px; position: relative; } .content .zt{ width: 300px; } .content .hot{ width: 65px; position: absolute; left: 0; top: 0; } .content .jg{ width: 85px; position: absolute; right: -2px; bottom: 53px; } .content .footer{ font-size: 12px; color: #999; line-height: 25px; } .content .footer .bt{ font-size: 16px; color: black; }