![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
要实现的效果：
如果上面元素较少，提交按钮在屏幕底部，如果上面元素较多，接近一屏，或者超过一屏，按钮随之下移。
需要以下几点：
如果不写第三条，在某种情况下会有问题。
当list总条数接近屏幕底部的时候,列表会被按钮挡住：
完整demo:
你首先要让body,html,form,div这些最外层的标签的宽和高都定义成100%/*通用样式区*/
*
{
border-spacing: 0px/* 的宽度和高度*/
border-collapse: collapse/*边框模型*/
border: 0px 0px 0px 0px/*框宽，顺时针（上、右、下、左）。*/
padding:0px 0px 0px 0px/*外边框对内宽度，顺时针（上、右、下、左）。*/
margin: 0px 0px 0px 0px/*外边框对外宽度，顺时针（上、右、下、左）。*/
}
#container { /* this is the div you want to fill the window */
min-height: 100%
}
* html #container {
height:100%
/*兼容IE6一下版本的浏览器*/
}
html,body,form {
height: 100%
font-family:Arial,宋体,新宋体,YouYuan
font-size:12px
}
div {
font-family:Arial
font-size:12px
}
ul {
*display:inline-block/*针对IE6/IE7 li边距“无故”增加*/
list-style:none
font-size:12px
font-family:Arial,宋体,新宋体,YouYuan
}
li {
list-style-type:none
font-size:12px
display:inline/*垂直列表间隙bug*/
font-family:Arial,宋体,新宋体,YouYuan
}
/*通用样式区结束*/
然后定义你要完全居中的<div style="margin:auto">
css是无法实现的，您要横向滚动只有通过js监听页面的拖动事件才行。给你个插件可以研究研究，这插件能让你体验到win8切换的效果。
如果你非要用滚轮来响应横向滚动 你还是得用js监听滚轮，给滚轮绑定一个事件，没次滚动都使div 内容向某个方向animate移动一个固定距离
