首页 > 试题广场 >

描述一个你在实际项目中有用过什么比较好的布局方式（不拘泥于页

[问答题]
描述一个你在实际项目中有用过什么比较好的布局方式（不拘泥于页面整体布局，页面中某一小版块也行），深入讲解下其中的原理？
添加回答
8棟613在此头像 8棟613在此
就拿响应式布局来说，pc站当然是把所有能呈现的东西都呈现出来，而且一般整体是纵向布局，局部用横向布局（float较多）。到了平板电脑，基本上和pc的布局也是差不多的。到了手机，才开始有了很大的变化，整体依然是纵向布局，但是横向布局却变得越来越少，因为手机能呈现在一屏的内容确实是少之又少，而且还要考虑到分辨率大小的问题，所以一般都是不用float布局，把最重要的功能呈现出来，没有pc里面那么多的效果。
编辑于 2017-05-23 13:48:48 回复(0)
人木言若头像 人木言若
左侧固定宽度，右侧自适应 给父盒子设置高度和左内边距如200px 给左侧子盒子设置设置高度和左外边距-200px，设置float:left,设置宽度为200px 右侧子盒子设置高度
发表于 2017-02-18 11:02:44 回复(1)
牛客二呆头像 牛客二呆
目前用得最多的就是flex布局和float布局交替使用，比如导航栏没有特殊样式需求，都是横着排的我就会选择用flex布局，让各个元素自动排列，如果导航栏中有几个是左排，有一个是居右显示，此时我就会选择用float来布局
发表于 2017-11-29 09:54:24 回复(0)
靓姐超厉害头像 靓姐超厉害
列表左右结构（左图右文）布局
运用dd  dt标签，dt浮动后，父级清浮，给dd宽度，他们就会自动排列在一排，然后dt用来插图，dd用来写文字，方便快捷，代码简洁。
发表于 2019-09-12 10:54:53 回复(0)
勤奋的宁二丫头像 勤奋的宁二丫
一种方式是传统布局用盒状模型(依赖display,position,float等属性)，另一种是flex弹性布局
发表于 2017-03-02 00:14:36 回复(0)
我才是晴天头像 我才是晴天
div里面放图片，宽度100％，为了让图片1比1显示，高度设为auto。这算不算啊😂
发表于 2017-02-05 20:35:34 回复(0)
提交观点

问题信息

2017 前端工程师 HTML 58集团
来自：58同城2017秋招前...
上传者：牛100
难度：
6条回答 3513浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号