关于前端学习(4)

mac2024-09-27  59

前端方向学习中遇见的问题以及解决方案

1:关于默认值在文本框中的位置以及编辑。 解决:

<input type="text" placeholder="你还可以输入50个字"

2:当我编辑到最后一个版块的时候,因为div是一个块级元素,所以无法让最右边的盒子与它并列。 解决:①让中间的盒子使用display: inline-block;使之变成行级元素。 ②在右边的盒子里设置“绝对定位”,让它放在页面的合适位置。

其他了解的一些

定位:

1.绝对定位:通过绝对定位,元素可以放置到页面上的任何位置。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。这条语句的作用将元素从文档流中拖出来,将不占用原来元素的空间,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父级元素进行绝对定位。如果不存在就逐级向上排查,直到相对于body元素,即相对于浏览器窗口。position:absolute;

2.相对定位:相对于一个元素的正常位置来对其定位,让这个元素“相对于”它的起点进行移动。在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。 position:relative;

3.固定定位:position:fixed;它的作用就是将元素相对于窗口固定位置。它直接以浏览器窗口作为参考进行定位,它是浮动在页面中,元素位置不会随浏览器窗口的滚动条滚动而变化。

最新回复(0)