各位牛人帮忙看下这个网页的布局
右侧二维码这块,可以附着在body整体的右侧,并能不随页面的上下滚动而滚动。当页面缩小时,也不会像一般的浮动窗口布局一样,出现在窗口的固定位置挡到主要内容。而依旧是在中间内容整体的右侧。如何做到网页居中而右侧这一块附着在右侧呢
回复讨论(解决方案)
absolute定位
定位..................
absolute定位
这个是根据浏览器窗口的定位吧,我要的是这个网站里面的效果呢
定位..................
就是问如何定位呢,和平时的浮动广告不太一样
假设页面总宽度1190px
那么 .right-nav 的位置,从全屏的一半宽度开始算50%, margin-left 的值是 1190/2 = 595px;
所以不管浏览器是不是最大化的,右边div都能贴在主区域的右侧
.main{width:1190px;margin:0 auto;}.box{background:#ccc;height:400px;}.right-nav{display:block;position:fixed;top:0;left:50%;margin-left:595px;background:#fcc;width:100px;height:300px;}
查看更多关于网页布局右侧悬浮栏_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did111359