html - 具有中心偏移的 css calc

标签 html css

Here is what I am trying

我在中心有一个元素,我想留在中心。 现在我想要一个元素来拥抱这个元素的左侧。

所以实际上我希望左边 div 最左边的位置是 right:calc(50%-200px-(lefts width));

我的问题是做对了:50%;做了一些事情但 right:calc(50% +100px) 没有。

我怎样才能让左边类的 div 总是拥抱中间的那个人?

<div class="left"> hug this center element </div>
<div class="middle"> this stays in the middle</div>

最佳答案

left: 50%; /* align center */
margin-left: -30px;  /* your element width / 2 when element = 60px */

关于html - 具有中心偏移的 css calc,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25496617/

相关文章:

ios - iOS 浏览器 (Chrome/Safari) 上的 Facebook Like 按钮和 Twitter Follow 按钮未内联

html - Angular ng-repeat 到 PDF 或打印机 CSS 假定对齐问题

css - IE8、HTML5 和组合类 ala .class1.class2{}

javascript - 在不调整列大小或破坏布局的情况下隐藏表格行

html - 在导航栏中为 li 添加动画边框

html - 合并溢出-y : scroll with overflow-x: visible

html - 使用 CSS 将无序列表呈现为 <select>

javascript - 多次使用相同 jQuery 函数的问题

javascript - 可折叠不工作 [包含 JSFiddle 演示]

javascript - 甜蜜警报 2 和 javascript :How do i make a Sweet alert button that sends me to a certain webpage when clicked