Скрыть div, если он перекрывает другой div

У меня основное содержание находится в центре страницы шириной около 900 пикселей. на большом экране между правым полем моего контента и правой стороной окна браузера достаточно места, чтобы я мог отобразить небольшой div 100x100 пикселей в правом нижнем углу, и он выглядит хорошо, потому что между этим div и основное содержание. Когда размер экрана меньше, div, который относительно позиционирован, перекрывает правый нижний угол моего контента. Как я могу установить display = none для div, если он находится в пределах 20 пикселей от моего содержимого? Спасибо