gpt4 book ai didi

css - 如何用CSS绝对定位无图像的 Angular 落

转载 作者:行者123 更新时间:2023-11-28 15:00:48 25 4
gpt4 key购买 nike

我正在寻找一种方法来绝对定位以下 css 样式中使用的四个 Angular 。我尝试了以下方法,但那不是正确的方法。

.rbottom{display:block; background:#f57f20; position:absolute; top:500px;} 

这是原始的 css:

.container5 {background:#666666; color:#fff; margin:0 15px;}

.rbottom{display:block; background:#f57f20;}
.rtop{display:block; background:#eaeade;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#666666;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.rl1 {margin: 0 0 0 5px; }
.rl2 {margin: 0 0 0 3px; }
.rl3 {margin: 0 0 0 2px; }
.rl4 {margin: 0 0 0 1px; height: 2px;}

.rr1 {margin: 0 5px 0 0; }
.rr2 {margin: 0 3px 0 0; }
.rr3 {margin: 0 2px 0 0; }
.rr4 {margin: 0 1px 0 0; height: 2px;}

最佳答案

你问的不是很清楚。在 CSS 中绝对定位某物的方法是使用 position: absolute 属性,然后指定该元素应该定位的位置,例如:

.foo {
position: absolute;
top: 0px;
left: 100px;
}

另一方面,听起来您正在尝试实现 CSS 圆 Angular 。如果您不介意 IE 中的 Angular 是方形的(不是圆 Angular 的),您可以使用浏览器特定的 CSS3 圆 Angular 属性:

.bar {
border: 1px solid #000000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

它应该适用于 Firefox、Safari 和 Google Chrome,但不适用于任何版本的 IE。

关于css - 如何用CSS绝对定位无图像的 Angular 落,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2311548/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com