关于DIV css样式宽度设成百分比怎么在浏览器中获得它的像素
来源:互联网 发布:网络教学人物素描视频 编辑:程序博客网 时间:2024/04/27 01:11
html
<div class="btnNone"> none情况下获取Container宽度</div><div class="btnBlock"> block情况下获取Container宽度</div><div class="container none"> <div class="item"> </div></div>
css
.container{ width: 100%; height: 100%; background: #FFFF80; } .block{ display: block; } .none{ display: none; } .item{ height: 50%; width: 50%; background: #80FF80; } .btnNone,.btnBlock{ width: 250px; height: 40px; font-size: 16px; background: #FF8080; color: #ffffff; font-weight: bolder; text-align: center; line-height: 40px; margin: 20px; position: fixed; z-index: 99; } .btnBlock{ top: 100px; } .btnNone{ top:200px; }
js
(function ($) { $('.btnBlock').click(function(){ $('.container').removeClass('block').removeClass('none').addClass('block'); alert($('.item').css('height')); }) $('.btnNone').click(function(){ $('.container').removeClass('none').removeClass('block').addClass('none'); alert($('.item').css('height')); }) })(jQuery)
初始状态
none情况下获取Container宽度
block情况下获取Container宽度
0 0
- 关于DIV css样式宽度设成百分比怎么在浏览器中获得它的像素
- 在div+css中,怎么改变border边框各边的样式呢?
- css+div中的百分比自适应宽度格局
- 怎么通过CSS样式更改GridView中checkbox样式以及其中一列的宽度
- 关于浏览器破图宽度显示28像素的问题
- 通过JS控制外部CSS样式表,使一定大小的DIV在浏览器中动态居中
- 在 CSS 中如何使用百分比设置页面 Div 高度?
- 2016-3-13 : 如何将一个宽度为400px的绝对定位的div在页面中水平居中对齐?请写出CSS样式。
- css设置宽高百分比及div盒子高度百分比减像素的方法
- js根据浏览器的宽度不同改变CSS样式
- DIV+CSS设计时浏览器兼容性问题
- DIV+CSS设计时浏览器兼容性问题
- DIV+CSS设计时浏览器兼容性问题
- DIV+CSS设计时浏览器兼容性问题
- css实现div高度根据自适应宽度(百分比)调整
- 关于在页面中针对不同版本的IE浏览器实现不同的JS或者CSS样式
- 获得手机的宽度和高度像素
- 网页的宽度是采用百分比还是像素
- 到底是学Java还是.net
- 内存空间
- Lucene5.2中的QueryWrapperFilter用法
- Ethernet Channel
- c++作业4
- 关于DIV css样式宽度设成百分比怎么在浏览器中获得它的像素
- Java对大中小型系统都适用
- Android刮刮卡效果
- ios获取点击屏幕的位置
- 分享到微信等门户网站代码
- Shell教程
- Java的内存管理实际上就是对象的管理
- ny106背包问题
- Android Studio编译输出apk文件修改文件名