html - 如何让这两个div左右

标签 html css

我有这个html

  <body>

    <div id="onlineBookingDiv" style="float: right; position:fixed; right:0px; width:40%">
  //content here    
</div>
    <div class="zumaContent" id="zumaContent">
//content here    
</div>

    </body>

第一个在右边,第二个不在左上,就在左边。

我想把第二个放在左上角

我希望你能找到我,如果没有,告诉我拍照

最佳答案

在 HTML 中,您制作 2​​ 个 div 并赋予一个 CSS 属性 float:left,另一个赋予 float:right。并清除 float 你给它 overflow:hidden 到父 div 或 float (空)之后的额外 div 元素与 clear:both CSS 属性,这将使布局不要脱离流程。

检查 Demo .

div{height:200px; width:200px; border:1px solid gray}
.one{float:left;}
.two{float:right;}

<div class="one"></div>
<div class="two"></div>

关于html - 如何让这两个div左右,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22589938/

相关文章:

css - 在缩略图卡和奇怪的边距上重复收集

css - 动态高度后 float

javascript - 显示当前子菜单并隐藏其他子菜单

javascript - 将 HTML head 放在另一个文件中

css - Sharepoint Designer 2010、CSS 和母版页

css - 一个简单的 CSS float 示例

javascript - 如何从父元素中删除事件并仅为其特定子元素启用该事件?

html - 标题在居中对齐段落的左侧对齐

javascript - 使用 jQuery 获取嵌套列表中的上一个直接 li 项目

css - 在我刷新页面之前,Rails Polymer 无法正确格式化 CSS 和 Polymer 元素