gpt4 book ai didi

html - CSS将输入(文本框)彼此交叉放置

转载 作者:太空宇宙 更新时间:2023-11-03 23:58:13 24 4
gpt4 key购买 nike

我试图让第二个文本框与第一个文本框相对。右边它在右下角。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<div>
<h2>Top</h2>
<div>
<h2>TextBox 1</h2>
<div>
<input type="text" />
</div>
</div>
<div style="float:right;">
<h2>textbox2</h2>
<div>
<input type="text" />
</div>
</div>
</div>
</body>
</html>

最佳答案

一种方法是将 float: left; 添加到第一个容器 div,因为这会将其宽度缩小到其内容的宽度,从而允许两个输入并排显示。

http://jsfiddle.net/uwFyp/

关于html - CSS将输入(文本框)彼此交叉放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17886385/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com