小编Jia*_*NCI的帖子

我正在回顾之前学过的浮动属性,我发现了一个关于浮动元素的简单问题,它有自己的堆叠顺序,代码如下:

例1:

.box-1{
  background: teal;
  width:100px; height:100px;
  float: left;
}

<div class="box box-1"></div>
<p> this is the text for the testing purpose<p>
    
    

我完全理解文本将包装在box-1旁边的框中,但是当没有文本元素时,只有两个div框:

例2:

.box {
  width:100px;
  height:100px;
}

.box-1{
  background:teal; 
  float:left;
}
.box-2{
  background:blue;
}

<div class="box box-1"></div>
<div class="box box-2"></div>

这一次.box-1将重叠,.box-2因为它是浮动的并从正常的文档流程中获取.

所以我的问题是:

1. 由于p标签是块元素,因此可以将其视为一个框.但为什么在示例2中p标签正在向右移动box-1？但在例1中有完全不同的行为？

2. 这是因为浮动元素具有与p标记相同的堆栈顺序,并且它们都具有比非浮动框更高的堆叠顺序,如此.box-2处所示？

我正在尝试从我的Google电子表格中检索数据,但是当我尝试将data对象添加到我的htmlTemplate对象时,我收到错误

'对象不允许添加或更改属性'

我的代码非常简单:

function showDialog() {
  var htmlTemplate = HtmlService.createHtmlOutputFromFile('index');

  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheets()[0];
  var range = sheet.getDataRange();
  var values = range.getValues(); //get the spreadsheet data

  htmlTemplate.data = values; // error here
  ...
}

谁能告诉我这有什么问题？