怎么用css做出这种效果出来，弹出来的东西不影响下面的图形

position 定位，就会脱离文本流，不占空间，，要使用一些js的技术，用纯css有点难

给你份 代码

<br> div {<br> float: left;<br> }<br> .left {<br> width: 100px;›<br> height:300px;<br> background: red;<br> position: relative;<br> z-index: 100;<br> }<br> .left:hover .sub_left{<br> display: block;<br> }<br> .right {<br> width:800px;<br> height:300px;<br> background: blue;<br> }<br> .sub_left {<br> width: 400px;<br> margin-left:100px;<br> height: 300px;<br> background: gray;<br> display: none;<br> }<br>

不用 js 用 hover 就行

对它position变成absolute,再让它display变成none隐藏，得通过js让它动态改变display：block出现

这里滑过每一个不同的右边出的内容都不同，你只要效果的话貌似没多大意思，这里是异步加后台和数据库

效果 不是你问的吗 难道后台和 数据库 你也打算用CSS 搞

只是做出一个效果出来就行

直接利用css中的position来设置div就可以啊