Question

我的样式表中有一个绝对定位的元素，并注意到所有四个方向都列为0：

input.flip + label:before, input.flip + label:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 2.2em;
}

如果所有路线都是0，是否需要指定所有路线，或者只指定top和left一样好吗？

input.flip + label:before, input.flip + label:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 2.2em;
}

Answer 1

当您使用@Indexed @Analyzer(definition="ngram") public class Vehicle { @Id @GeneratedValue @Column(name = "veh_id") private Integer vehId ; @Field(analyze=Analyze.YES, store=Store.YES) @Column(name = "regn_no") private String regnNo; @Column(name = "veh_type") private Integer vehTypeCode ; @OneToOne(fetch = FetchType.EAGER, cascade = CascadeType.ALL) @JoinColumn(name = "veh_type", referencedColumnName = "veh_type_code", updatable=false, insertable=false) @IndexedEmbedded private VehicleType vehType ; ....... } @Entity @Table(name = "Vehicle_Type") @Embeddable public class VehicleType { @Id @GeneratedValue @Column(name = "veh_type_id") private Integer vehTypeId; @JsonView(CBViews.User.class) @Column(name = "veh_type_code", updatable = false, insertable=false) private Integer vehTypeCode; @Field(analyze=Analyze.YES, store=Store.YES) @Column(name = "make") private String make; @Field(analyze=Analyze.YES, store=Store.YES) @Column(name = "model") private String model; .............. }，absolute或relative位置时，您只需指定fixed位置和Vertically位置即可。因此，当您设置Horizontally偏移时，您无需设置其他水平偏移属性（right）。

当您同时使用left和left属性时，在某些情况下，这意味着100％使用。

因此，只使用right和left或仅使用top和right属性即可。

Answer 2

这里，将所有coordonates设置为零告诉元素覆盖整个父级（positionned）。如果label是position：relative或fixed或absolute它将覆盖它。

类似于

top:0;
left:0;
height:100%;
width:100%;

但它可以为元素大小增加另一个目的，增加边距：auto;将元素置于父元素中。如果没有父位置，则视口将成为引用。示例

＆＃13;

input,
div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 2.2em;
  margin: auto;
}

div {
  background: lime;/* show me */
}

input {
  z-index: 1;/* let me be on top */
}

＆＃13;

<input type="text" value="i have a defaut size" />
<div> well i have size that content, coordonates or height/width ,  shall give me </div>

＆＃13;

CSS绝对定位 - 我需要指定顶部，右侧，底部和左侧吗？

2 个答案: