Question

我已经尝试了一段时间来解决这个问题，这似乎是一个容易出问题的问题，但我已经迷失了。

我有两个div，其中一个浮动，一个浮右。右边的边距为40px，宽度需要随窗口变小而调整。一旦两个div触碰，它就会下降。

请检查此内容以进一步了解:) https://jsfiddle.net/to7g54sn/1/

#contentwrapper {
width: 100%;
max-width: 1160px;
float: right;
margin-top: 154px;
margin-left: 40px;
}

#navigation {
width: 150px;
margin-left: -120px;
float: left;
}

（预览需要1330px的宽度才能在丢弃之前查看div。）

左边距：右边的40px需要经常应用，如果你在调整大小的窗口上向下滚动，你会看到左边的div重叠。我认为javascript使这个问题变得困难，但我并不完全确定。

Answer 1

我有一个简单的解决方案。只需使用下面的css：

  var str = ""; 
  $.each(data, function(idx, value) {
    str += '<option>' + value + '</option>';            
  }); 
  $('#template').html(str);

在jsfiddle

上查看此内容

在调整窗口大小时无法阻止div下降

1 个答案: