Есть ли способ «песочницы» блока HTML вне CSS его страницы без использования фреймов?

Нет, это (к сожалению) невозможно без iframe .

Вам нужно будет сбросить все существующие правила CSS для этого div следующим образом:

div.sandbox
 {
    font-size: ....
    font-family: ..........
    margin: .........
    padding: .........
    line-height: .........
  }

хотя это сложно и никогда не бывает на 100% надежным, таким образом можно получить полезный результат. Вы можете посмотреть одну из «таблиц стилей сброса», например Эрика Мейера , чтобы получить список важных свойств, которые нужно сбросить; здесь - это то, что претендует на то, чтобы быть полным списком свойств CSS 2.1 - за исключением CSS 3 и свойств конкретных производителей, которые вам также следует принять во внимание.

Провайдеры сторонних виджетов часто жестко кодируют свой «сброс CSS» как встроенный CSS внутри элемента HTML, чтобы переопределить любые ! Important правила, которые угрожают переопределить правила класса песочницы.