泉州网页设计培训机构共享CSS定位属性位置

发布时间:2020-03-30 12:10:00

泉州网页设计培训学校,一对一设计实践经验培训,工作经验教学!多年的设计师教学经验。提供泉州专业网页设计培训、网页艺术培训、网页前端设计培训、网页设计师培训,真正学会能力!

泉州网页设计培训机构共享CSS定位属性位置

泉州网页设计培训学校,一对一设计实践经验培训,工作经验教学!多年的设计师教学经验。提供泉州专业网页设计培训、网页艺术培训、网页前端设计培训、网页设计师培训,真正学会能力!

泉州网页设计培训学校,拥有泉州最好的网页设计培训班,泉州短期网页设计培训

CSS中最常用的布局属性是float(CSS floating属性的详细说明)和position of CSS positioning属性。其次,泉州网页设计培训机构分享了一些CSS定位属性的定位知识。

所有元素的默认位置为:position:static,这意味着该元素不在文档中应该出现的位置。

通常,您不需要指定position:static,除非您要覆盖先前设置的位置。

如果设置了position:relative,则可以使用top、bottom、left和right相对于元素在文档中的显示位置移动元素。[这意味着元素仍然占据文档中的原始位置,但是视觉上相对于其在文档中的原始位置移动]

当指定位置:绝对时,元素与文档分离(即它不占据文档中的位置),并且可以根据设置的顶部、底部、左侧和右侧精确定位。

如果我们为div-1设置相对位置,那么div-1中的所有元素都将相对于div-1定位。如果设置div-1a的绝对位置,可以将div-1a移到div-1的右上角。

一个选项是设置元素的固定高度。但是这个解决方案不适合大多数设计,因为通常我们不知道元素中有多少文本,也不知道要使用的确切字体大小。

对于可变高度的列,绝对定位不起作用。这是另一个解决方案。我们可以浮动一个元素,使其向左/向右移动,文本包围它。这主要用于图像,但在这里,我们将其用于复杂的布局任务(因为这是我们唯一的工具)。

如果我们将一个元素浮到左边,第二个元素浮到左边,它们就会互相推。