个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我目前有 this situation - 两个 div，第一个固定在左侧，第二个在右侧流动。我需要切换两个 div 的 HTML 位置，但保持网页外观不变。
所以，
<div id="fixed"></div>
<div id="fluid"></div>
需要成为:
<div id="fluid"></div>
<div id="fixed"></div>
但是在网页显示的时候，fluid div需要在右边，fixed在左边。我想不通。有办法做到这一点吗？
最佳答案
有多种方法可以做到这一点。最好将两个 div 都放在一个容器中，即使设置为 width: 100%。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style media="all">
.container {position: relative;}
#fixed
{
width: 300px;
height: 100px;
background: #111;
position: absolute;
top: 0; left: 0;
}
#fluid
{
height: 100px;
background: #555;
margin-left: 300px;
}
</style>
</head>
<body>
<div class="container">
<div id="fluid"></div>
<div id="fixed"></div>
</div>
</body>
</html>
一个现代的选择是使用 flexbox，但它还没有得到可靠的支持。
关于css - 两个并排的 div，第一个在右边是流动的，第二个在左边是固定宽度的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20931725/
25
4
0
我必须为 IE11 编写一些网格回退。 我想将元素 4 放在右下角，以便元素 1 可以一直向下延伸到底部吗？ 我认为这对 flexbox 来说是不可能的，对吧？ : https://jsfiddle.
您好，我正在尝试让 2 个 div 在左侧与右侧对齐。 #div1 #div2 #div1 #div2 #div3 #div2 #div3 #div3 诀窍是当浏览器窗口变小时，我希望#div2 位于
如何才能点击 EditText 的右侧可绘制对象(查看屏幕截图)？我尝试了几种方法，但总是卡住。 public static Matcher withEditTextDrawable(final in
这个问题在这里已经有了答案: In CSS Flexbox, why are there no "justify-items" and "justify-self" properties? (6
所以我有 10 个复选框，每个标签都取自数组中相应的索引。我正在使用 ng-repeat 来展示它们: {{entity}}
我是一名优秀的程序员,十分优秀！