2024-04-30 分类: 网站建设
1.1600分辨率下的:
2.1440分辨率下的:2、CSS
在父容器div(header-wrap)给定一个宽度左右居中,logo容器可以给个固定宽度,或者不给宽度,或者百分比宽度基本上都不影响右边导航栏的布局;
在这里从CCS上可以看出logo我给了个固定宽度,其他另外两种你们可以自己气尝试,在这里我就不多说了;导航栏我给了个百分比宽度,在设计图上导航栏的宽度占比是百分之多少在这里你就设置多少,导航栏下面标签li我没有设置浮动,设置了行内块级元素,记得父元素(nav-wrap)要设置font-size为0,不然会出现错位,不懂的可以百度了解下,因为我只有5个栏目,所以这里的宽度我设置了20%;靠右对齐。
这样一个百分比布局的网页头部就出来了。
以上就是关于响应式网站制作头部布局(南京响应式网站制作),希望对你有帮助,更多内容关注创新互联。
分享题目:响应式网站制作头部布局(南京响应式网站制作)
当前网址:/news17/327067.html
成都网站建设公司_创新互联,为您提供品牌网站设计、企业网站制作、星空体育app最新版本(2024已更新)、服务器托管、静态网站、云服务器
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容