css3div拖动，css实现拖拽

用css怎么设置div滚动条的样式,可改变大小的

css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。

hidden：总是隐藏滚动条 scroll：总是显示滚动条 height ： 设置滚动条的高度（修改其后数值即可）。

div id=abc/div 定义id为abc的这个div的CSS属性 在head下 style {width：100px；height：100px； overflow：scroll； } /style overflow：scoll；的意思是总显示滚动条。

语法：overflow ：visible|auto|hidden|scroll参数：visible ：　不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。

这种需求写css即可，滚动条也有样式的，其名称为：-webkit-scrollbar、：-webkit-scrollbar-thumb、：-webkit-scrollbar-corner等。--- 题外话，模拟计算滑块的属性。

相关问答

Q1: js中如何拖动DIV中的图片?

1、只能给你逻辑 鼠标放在图片上，当按下鼠标时，就触发复制事件，clone这个方法 再把复制出来的图片样式设置绝对定位，鼠标移动就触发鼠标拖动事件，再获取X和Y坐标的值，赋给复制出来的图片就可以。

2、在被拖放的图片上加上一个ondragstart事件，即图片被拖动时触发这个事件。再给事件一个函数，用于拖动图片时，把图片保存在一个变量中。

3、div id=c onmousedown=mm(event)；123123/div evt参数是就是上面的event对象；Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

4、将div的大小设置成图片的大小。图片不是在div里面，也没必要。

5、x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。 direction是移动方向，有x和y两个参数。

6、我运行了你的代码，其实是可以复制粘贴的，因为你设置的复制出的图像覆盖了原来的位置了，这个可以查看元素可以看得到的。

Q2: DIV怎么设置滚动条

divstyle=height：300px；width：100px；overflow：autodiv/（height和width根据需求设定）注意：如果只写height就只有垂直滚动条，只写width就只有水平滚动条，都不写没有效果。

对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏。

在css设置可改变大小的div滚动条样式方法：首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。

Q3: css设置div滚动条样式

css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。

写样式用.pingmu{}开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。将这个css样式保存到同级目录下，如ceshi.html在c盘，css样式也保存在c盘。

所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏，接下来为大家介绍。

在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。给子div添加内容，为了让滚动条可以实现，尽量多添加一些内容。设置scroll-box、scroll类样式。

Q4: CSS怎么实现div随着网页的大小变化而变化呢?

1、首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。

2、function () {resize_window()；$(window).resize(function(){resize_window()；})；})；这个是top的div是100px，width100%；left的height为window的高减去topdiv的高。

3、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

4、让搜索框左浮动，右边的内容右浮动。就可以随着浏览器的大小而变化了啊。

Q5: 拖动DIV,效果不对,不知道哪里错了,请帮忙看看

一般浮动缩小变乱的原因是设置了边框，因为边框不会随着页面缩小而缩小，所以导致撑破元素。建议你如果用边框的话就别把宽度算太死。留个几像素的宽度来缓冲一下。

层次问题，样式弹出菜单最好 overflow block/show表示。

这样解析度不一样的情况下。效果都是一致的。但是比较难以掌控。编码难度大，测试困难。因此较少采用。 另外，针对不同移动装置下，不同解析度通常采用服务端判断装置型别，然后载入相应css去实现不同装置访问自适应。

如果是DW里有效果而在浏览器里没效果的话，那应该是你的CSS还是有问题，可能是不兼容你这个浏览器，或者是写的本身有问题，但是DW也把它正常显示了，而浏览器就没办法正常显示，也有可能是别的什么原因。

因为你ul使用了float：left，使用了左浮动或右浮动后，元素就好像游离在层之外了，解决的办法是在适当的地方加上清除浮动的语句。比如你的代码中，在最后一个/ul标记后面加上div style=clear：both/div。

楼上的各位已经回答了几点了。我是来说原因的。我看你的DIV表格设了边框，其实边框也站宽度的。比如你有5个边框没个边框的宽度为1px，那麼你那DIV的宽度就要加上5了。

关于css3div拖动和css实现拖拽的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。