HTML左向右的自适应布局(使用CSSCSS表达式)

HTML左向右的自适应布局(使用CSSCSS表达式)
在最新的HTML标准中,有一个CSS CSS表达式,我们可以用它来计算布局。但是在旧IE中,它不受支持,对于所有浏览器,让我们与JS共享解决不支持的问题。

在最新的HTML标准中,有一个计算器表达式,我们可以用它来计算布局。
但在旧IE中,它不受支持,对于所有浏览器,都是用js完成的。
截图:

代码:

复制代码代码如下所示:
myhtml.html

左,中,右,宽;
窗口。指针函数(){
左= $(右);
中心('center美元);
右= $(左);
Onresize();
};
窗口。onresize =函数(){
{试
宽度= document.body.clientwidth;
center.style.width =(宽left.clientwidth - right.clientwidth - 0)+PX;
} catch(e){
小于0的错误
}
};
函数$(id){
返回document.getelementbyid(ID);
}
主体,HTML {
身高:100%;
保证金:0px;
填料:0px;
溢出:隐藏;
}
#左,#中心,#右{
宽度:200px;
身高:100px;
背景颜色:RGB(34124134);
浮点数:左;
身高:100%;
}
#中心{
背景颜色:红色;
}
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部