如何使用css製作父元素寬度的子元素寬度30 precent？

我有這個div：如何使用css製作父元素寬度的子元素寬度30 precent？

#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代碼實現這個功能？

預先感謝您。

來源

2015-05-10 Michael

p {寬度：30％;}？ – BIW

可以在標籤標籤內嵌入輸入元素嗎？ –

@大衛：是的。是的，它是（[參考]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label））;它避免了必須給每個相關的'''ID'和每個''''''。儘管如此，我爲什麼''本身被包裝在一個段落中感到困惑;這似乎沒有必要。 –

這是一個最簡單形式的答案，這會使輸入字段佔父寬度的30％。

input { 
    width: 30%; 
}

來源

2015-05-10 15:05:35 Addzy

你將不得不使用CSS width分配輸入的寬度。

實施例：

#edj input { width:30%;}

此分配#edj父之內的所有輸入標籤成爲父的div正好30％。

#edj{ width:50%; border-style: solid; border-width: 5px; } #edj input { width:30%;}

<div id = "edj"> <p><label>Faculty <input type="text" class = "k"> </label></p> <p><label >Departmet <input type="text" class = "k"> </label> </div>

來源

2015-05-10 15:21:14

如何使用css製作父元素寬度的子元素寬度30 precent？

回答

相關問題