关于前端的input和overflow问题

当input 类型为”button”和type=”submit”,设置的 width=”实际看到的大小”+padding+border;当input 类型为”text”和type=”password”,实际看到的大小=width+padding+border;

overflow:hidden有两个作用,分别说明:
1、隐藏溢出
当我们没有给父级元素div设置高度的时候,子级元素div的高度就会撑开父级元素div;而当我们给父级元素div加上一个高度值,那么无论子级元素div的高度是多少,最终显示的高度都是父级元素设定的值。子级元素div超出的部分就会被隐藏。这就是隐藏溢出的含义!
2、清除浮动
当子级元素div加上浮动这个属性的时候,在显示器的侧面,它已经脱离了父级元素div,也就是说变成了一个立体的模型(实际是脱离了文档流,不占用文档流的空间)。此时的子级元素的宽高是多少, 对于父级元素来说都不起作用。这时候我们给父级元素这个div加上overflow:hidden这个属性的时候,其中的子级元素的浮动属性就会被清除,重新在文档流中开辟一块地方,给子级元素显示。

猜你喜欢

转载自blog.csdn.net/syl2850246/article/details/82215246