如果我没记错的话,这个只用CSS应该是不能实现的吧。应该用javascript才好。用JS获取一下DIV的宽度,之后再设置高度。如果你需要的话,你再追问,我给你写一下代码也好。我的意思,不用在找CSS的设置方法了。
创新互联建站始终坚持【策划先行,效果至上】的经营理念,通过多达10年累计超上千家客户的网站建设总结了一套系统有效的营销推广解决方案,现已广泛运用于各行各业的客户,其中包括:门窗定制等企业,备受客户赞誉。
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。
例如:div id=oDiv this is div tag /div如要获取id为oDiv的div标签的宽度 可以使用query如下写法 (#oDiv).width();jquery讲义:width() 方法返回或设置匹配元素的宽度。
创建一个新的HTML文件 创建HTML标记和内容。预览效果如图所示。设置左边框的宽度border-left-width: 15px。预览效果如图。设置左边框的宽度border-left-width: thin。预览效果如图所示。
火狐的firebug中,有一个样式表的选项,里面有一个事dom,里面会吧该标签的所有属性和方法列出来,你可以看看。宽度在计算出来的样式里面,有width和height,如果不行,你可以读取attr(width)和attr(height)看看。
width: 60 } ]], fitColumns: true, width: 1000, height: 150});datagrid添加fitColumns: true,列自适应宽度。columns下的width,这里设置为20,20,60,总和是100。列表实际显示的就是20%,20%,60%。
从4版本开始可以把所有组件的大小按百分比设置,也可以把DataGrid列宽度设置为百分比。
例如: this is div tag 如要获取id为oDiv的div标签的宽度 可以使用query如下写法 (#oDiv).width();jquery讲义:width() 方法返回或设置匹配元素的宽度。
vh,是指CSS中相对长度单位,表示相对视口高度,1vh = 1% 视口高度。CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = 1% *视口高度。视口比例长度定义了相对于视口的长度大小,这是文档的可见部分。
vw等于视口宽度(viewport width)的百分之一,也就是说100vw就是视口的宽度。同理,1vh等于视口高度(viewport height)的百分之一。
vh and vw:相对于视口的高度和宽度,而不是父元素的(CSS百分比是相对于包含它的最近的父元素的高度和宽度)。1vh 等于1/100的视口高度,1vw 等于1/100的视口宽度。
vw、vh 是针对移动设备,如果视窗的大小发生改变,这两个值也会跟着发生相应的变化。所以在使用情况上来看,vw 比 rem 更加的智能。由于现在的主流浏览器对vw的兼容性是非常成熟的,所以现在移动端布局主要考虑 vw。
left:10vw:距离窗口(其实是可视区域,即窗口去掉边框。
相对长度单位,CSS3 新增的一个相对单位,rem 是相对于根元素(html)的 font-size 进行计算,rem 不仅可设置字体大小,也可以设置元素宽高属性。