CSS的盒子模型,怎么才能让盒子不会随着浏览器窗口的变化而移动或者改变大小

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS的盒子模型,怎么才能让盒子不会随着浏览器窗口的变化而移动或者改变大小相关的知识,希望对你有一定的参考价值。

比如我把浏览器缩小后,
我做的网页上的导航栏上的格子也会缩小,这样很难看,我想让部分导航栏隐藏起来

参考技术A 父元素加
overflow: hidden;
子元素
定宽本回答被提问者和网友采纳

jq获取屏幕高度和宽度(盒子模型)

       $(window).width(); //浏览器可视窗口宽度
        $(window).height(); //浏览器可视窗口高度
        $(document).width();//body的宽度
        $(document.body).width();//body的宽度
        $(document).height(); //body的高度
        $(document.body).height();//body的高度
        $(document).scrollTop(); //滚动条卷走的高度
        $(document).scrollLeft(); //滚动条卷走的宽度
        screen.height;//屏幕分辨率的高
        screen.width;//屏幕分辨率的宽
        screen.availHeight;//屏幕可用工作区高度    

 

以上是关于CSS的盒子模型,怎么才能让盒子不会随着浏览器窗口的变化而移动或者改变大小的主要内容,如果未能解决你的问题,请参考以下文章

CSS中盒子模型的标准流定位原则是啥?

css弹性布局是啥

IE浏览器和CSS盒模型

浅谈弹性盒子布局

css盒子模型的深入理解,在块级、行内元素的区别和特性

浏览器盒子模型——CSS基础篇