Javascript 以像素为单位的div宽度
具体来说,我有一个基于Joomla的cms,使用Yootheme Nano3模板,具有集成响应布局。蓝色标题下的内容(见网站)有3列,css中的所有3列都使用%表示Javascript 以像素为单位的div宽度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,具体来说,我有一个基于Joomla的cms,使用Yootheme Nano3模板,具有集成响应布局。蓝色标题下的内容(见网站)有3列,css中的所有3列都使用%表示 这使tm main位于html代码的顶部 我希望tm-sidebar-a+b始终为190 px,如果两者都存在,则tm-main将以100%减去2x190修复。听起来很简单,但我已经找遍了所有的地方来解决这个问题 如果可能的话,最好使用Jquery 也许吧,但是怎么做呢?所有3个div都是20/60/20%,我不知道有哪个css
这使tm main位于html代码的顶部
我希望tm-sidebar-a+b始终为190 px,如果两者都存在,则tm-main将以100%减去2x190修复。听起来很简单,但我已经找遍了所有的地方来解决这个问题
如果可能的话,最好使用Jquery 也许吧,但是怎么做呢?所有3个div都是20/60/20%,我不知道有哪个css3函数可以处理其他div并相应地执行操作。对我来说,做2x190px很容易,但要填补其余部分的空白,我无法计算。tm-main{width:calc(100%-380px);}——然后将旁侧设置为190px width,并将它们全部浮动。嗯,试试看。我不知道那件事。也许我应该在我的个人资料中删除css专家的东西;o) 。。。马上回来,我刚做了这个css。calc()functoid。发现js和css文件的gzip压缩与此功能不匹配。。。所以我把它关掉了。使用三星平板电脑10英寸安卓版本4.0.3,wesbsite看起来不像应该的那样。calc()不适用于这个标准浏览器吗?我做了ad-webkit--moz-和-o-来响应不同的浏览器。
<div class="tm-main">
<aside class="tm-sidebar-a">
<aside class="tm-sidebar-b">