На рисунке ниже показаны 2 поля, когда я прокручиваю вправо. Я установил ширину Box 1 на 100%, и он умещается на экране идеально . Однако, когда я устанавливаю ширину Box 2 на screen.width, ширина блока на 100px больше ширины экрана.
Может ли кто-нибудь сказать мне, почему это происходит? Мне нужно выполнить вычисления позже с шириной Box 2, поэтому я не хочу устанавливать ширину на 100%.
Заранее спасибо.
// Box 1
var svgStats = d3.select(position).append('svg').attr('width', '100%').attr('height', 300);
// Box 2
screenWidth = screen.width;
var svg_process_name = d3.select('#heatmap').append('svg').attr('margin-left', '20px').attr('width', screenWidth).attr('height', svgheight).attr("border", 1);