Question

不用js的div css对联漂浮广告

Answer 1

考虑这样的HTML：

<div class="ad ad-left">789</div>
<div class="ad ad-right">456</div>
<div class="content">123</div>

设置如下样式即可实现：

.content {
  margin: 5px 200px;
  padding: 5px 20px;
  border: 1px solid red;
  color: blue;
}

.ad {
  position: fixed;
  top: 50px;
  width: 140px;
  padding: 10px;
  background: yellow;
  color: green;
}
.ad-left {
  left: 20px;
}
.ad-right {
  right: 20px;
}

Answer 2

不考虑兼容ie6的话，参照css position:fied