请问html里<div>里的<p>元素怎么占满整个div，而不是仅是p字段的高宽？

Question

现在效果和相关代码如图所示：

Answer 1

1、主要是你给了display：inline 属性 ，这个元素属于行内元素，所以不能手动设置宽和高。建议设置为block 或者 inline-block

2、你P没给高度，只给了宽度，所以没有那么大

3、你的父元素没有设置px 像素等高度或者宽度，所以百分比获取失败，因为百分比是根据父元素的大小去获取百分比

4、其次你可可能遇到 “用户名”  和输入框对不上的情况 所以还得加上vertical-align：middle  当然 p 和input都得加上  只加1个不起作用的