怎么实现两个 div 并排放?

(1) 父元素设置 display: flex

(2) 两个都设置 display: inline

(3) 两个都设置 display: inline-block

(4) 父元素设置 position: relative; 子元素都设置 positon: absolute; 第二个子元素设置 left 为第一个元素宽度

(5) 父元素设置 position: relative; 子元素都设置 positon: absolute; 第二个子元素设置 margin-left 为第一个元素宽度

(6) 父元素设置 position: relative; 子元素都设置 positon: absolute; 第二个子元素设置 transform: translate(x, 0); x为第一个元素宽度

(7) 两个元素都加 float: left

(8) 两个元素都加 float: right

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,095评论 1 92
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,569评论 0 5
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,855评论 32 459
  • Html 标签 斜体 粗体 单独的样式 引用文本 长文本引用 换行 空格 分割线 地址信息 单行代码 多行代码 无...
    SunnySky_阅读 611评论 0 5
  • 曾经 你是一个人 一个人吃饭 一个人看书 一个人望着天空发呆 渐渐 出现了那么一群人 陪你哭 陪你笑 也陪你一起疯...
    回忆里的鱼阅读 332评论 1 4

友情链接更多精彩内容