html - 如何使用 css 使子元素宽度为父元素宽度的 30%?

标签 html css

我有这个 div:

#edj{
 width:50%;
 border-style: solid;
border-width: 5px;
}
</style>
</head>
<body>
<div id = "edj">
<p><label>Faculty <input type="text" class = "k"> </label></p>
<p><label >Departmet <input type="text" class = "k"> </label>
</div>

我想让文本框的宽度为 div 宽度的 30%。

如何使用 css 代码实现它?

最佳答案

这是最简单形式的答案,这将使输入字段成为 30% 的 parent 。

input {
    width: 30%;   
}

关于html - 如何使用 css 使子元素宽度为父元素宽度的 30%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30152588/

相关文章:

javascript - jQuery:隐藏元素

javascript - Mousemove offset 弄乱了悬停效果

html - 如何实现下面的布局呢?

css - 如何在CSS中编写不同类型的边框?

html - HTML 中的一个 LI 中的多个图像

javascript - 脚本在 html 中有效,但在 javascript 文件中无效

javascript - CSS 不会填充视口(viewport)

php - 由于 Wordpress,我需要在 javascript 文件中使用 PHP,我该怎么做或者有什么更好的选择

CSS:将高度设置为 0 有效吗?

css - 如何将按钮分开并居中?