为什么下面的input标签会比右浮动的标签长
<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <title>Input</title> <style type="text/css"> div{ width: 800px; margin: 0 auto; } input:nth-child(1){ float: left; } input:nth-child(2){ float: right; } input:nth-child(3){ width: 100%; } </style> </head><body> <div> <input type="text"> <input type="text"> <input type="text"> </div> </body> </html>
24
收起
正在回答
2回答
是和父元素同宽的呀,input标签的父元素是div,现在不就是和div的宽度一样的吗?现在的宽度就是804px,父元素的宽度是800,再加上input本身的边框的宽度,这个边框的宽度是2px,所以,加上两个边框的宽度总宽度就是800+2*2=804px。
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星