css 小技巧

本文详细介绍了在HTML布局中遇到输入框间距问题的解决方法,包括将输入框写在同一行以及如何清除浮动。还分享了在特定情况下使用父元素的overflow属性来防止布局坍塌,并通过实例演示了实现动画效果所需的CSS定位技巧。

 input在html文件的时候如果有两个input之间有空格或者其他内容的时候会,在页面中也会有也会产生间距。

 解决方法:

    两个input写在一行。

	<input type="text"><input type="text">    


  将上一个input的闭合标签写在第二行

  

	<input type="text"
	><input type="text">

  清除浮动,以前以为清除浮动的方法都了解啦。这次项目又发现了一种方法;

  如果父宽度固定,建议在父元素给属性overflow:auto/hidden;

  可以清除浮动,防止父元素坍塌。

  trannsation 1s想要有动画效果 必须在定位以后加上 定位像素 left:0px。之类的

 

转载于:https://www.cnblogs.com/upcircle/p/5208843.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值