Question

我的页面右下角有一个我想要的图像，右边或底部没有边距。我现在拥有的代码在桌面上运行良好。

DELIMITER //

CREATE TRIGGER triggerDashboard AFTER INSERT ON LifetouchHeartRate
FOR EACH ROW
BEGIN
  -- DECLARE _BedId INT
  DECLARE _BedId INT;
  SET _BedId = (SELECT bd.BedId As _BedId
                FROM  LifetouchHeartRate lthr 
                  JOIN DeviceSession ds ON ds.DeviceSessionID = lthr.ByDevSessionId
                  JOIN PatientSession ps ON ps.PatientSessionId = ds.ByPatientSessionId
                  JOIN PatientDetails pd ON pd.PatientDetailsId = ps.ByPatientId
                  JOIN BedDetails bd ON bd.BedDetailsId = pd.ByBedId
                WHERE lthr.LifeTouchHeartRateID = new.LifeTouchHeartRateID Limit 1 );

  /*IF _BedId > 0
        BEGIN
              INSERT OR REPLACE INTO DashboardStatus (LTHR, BedId)  VALUES ( new.LifeTouchHeartRateID, _BedId)
        END
  END*/

  IF _BedId > 0 THEN
    -- BEGIN
      INSERT INTO DashboardStatus (LTHR, BedId)  VALUES ( new.LifeTouchHeartRateID, _BedId);
    -- END
  END IF;
END//

DELIMITER ;

页面的桌面视图没有滚动，因为所有内容都适合页面而无需向下滚动。然而，页面是响应性的，因此在移动设备上查看它会折叠一些元素，因此您需要滚动才能看到所有页面。在移动设备上，图像没有固定在页面底部，它固定在屏幕的底部，所以当向下滚动时，如果你需要向下滚动查看它，我希望它粘在页面底部不

任何帮助将不胜感激。

例如页面为：http://dynamowerk.de/PixDive/test/ 但是如果你从这里查看它http://mobiletest.me/，你会看到问题

Answer 1

将位置从固定更改为绝对。

已修复将元素约束到浏览器窗口，而absolute将元素约束为包含元素。

在您的情况下，最好将div作为<body>的直接子项。

Answer 2

根据CSS规范，position: fixed元素相对于浏览器窗口（屏幕）定位，而position: absolute相对于其第一个定位（非静态）祖先元素定位。

因此，在您的情况下，代码可能如下所示：

CSS

html,body
{
    height: 100%;
}
#test
{
    position: absolute;
    bottom: 0;
    right: 0;
}

HTML

<html>
<head></head>
<body>
    <!-- some other tags -->
    <div id="test">
        <img src="rat.png">
    </div>
</body>
</hmtl>

将DIV粘贴到桌面和移动设备的底部

2 个答案:

CSS

HTML