在css+div制作的浮动框上进行数据库交互处理问题

html-css012

在css+div制作的浮动框上进行数据库交互处理问题,第1张

1、如果你仍然想在浮动层中使用 gridview来绑定数据的话。那么你可以在浮动层中加asp.net ajax的 updatePanel来进行处理。这样页面不会刷新，你的浮动层自然就不会消失

2、你也可以用jquery等类库中的ajax函数来异步请求数据。当然你需要自己循环绑定列表数据来模拟你的gridview实现的样式效果

3、同样你也可以用asp.net ajaxpro.dll组件，来实现无刷新。同样你需要自己循环绑定列表数据来模拟你的gridview实现的样式效果

首先你要有一个合理的布局：

<div class="box">

<ul class="list">

<li>1111111111111</li>

<li>2222222222222</li>

<li>3333333333333</li>

<li>4444444444444</li>

</ul>

</div>

用一个盒子包住一个无序列表，把盒子模型的宽度固定，当li没有宽度的时候，它就是单列的，当li有宽度而且浮动的时候，可以随意变成多列多行。

现在假设盒子模型宽是450~左右内边距是10：

样式一（一列多行）：

*{padding:0margin:0}//初始化内外补白

li{list-style:none}//初始化列表

.box{width:450pxpadding:10px}

.box .list li{line-height:24px}

样式二（二列多行）：

*{padding:0margin:0}//初始化内外补白

li{list-style:none}//初始化列表

.box{width:450pxpadding:10px 0 10px 10px}//这时候列表的宽度只剩下450-10=440,可以把宽度定为210加10右边外补白

.box .list{zoom:1}

.box .list:after{content:""height:0clear:bothdisplay:block}//清除浮动

.box .list li{widht:210pxline-height:24pxfloat:leftmargin-left:10px_display:inline}//两个220刚好440的宽