<div id="div1" style="display:block">
opinion 1
</div>
------解决方案--------------------
就是给<div>标签命了一个id号，可以javascipt来控制这个层的样式之类的。
style"display:block"
就是给了这个<div>一个显示的样子。意思就是块，加了这个样式，一个元素会自动为一行，如果是链接的话，点击这个行任何地方都会有链接，而不只是点击链接的字才有链接，用言语很难表达明白。给你一个案例。
aa.htm文件里面的代码是
<style>
a{background:blue;display:block;color:#fff}
</style>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
bb.htm文件里面的代码是
<style>
a{background:blue;color:#fff}
</style>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
<a href="http://www.gift12345.com/">http://www.gift12345.com</a>
你分别测试这两段代码，对比一下就知道是什么意思了。
我也不是很懂这块，可能还有高手有更高的见地，小弟献丑了。
------解决方案--------------------
默认的情况下div的display就是block
------解决方案--------------------
简单讲就是现实div
------解决方案--------------------
------解决方案--------------------
block是层显示 none是层隐藏