我在創建這個表單時遇到了問題。我開始著手一個舊項目,并決定從頭開始,廢棄代碼。該項目是谷歌主頁設計的翻版。我想有一個精確的設計,除了一些并不真正需要的東西。搜索框(表單)移動到了我想要的位置,但是因為新的徽標,我不得不在動畫中把搜索框放在手上。問題是,我的坐標是我想要的,但高度和寬度不會改變。這是我的全部代碼:
<!DOCTYPE HTML>
<HTML>
<head>
<title>Google</title>
<style>
.GoogleLogo {
position:absolute;
TOP:125px;
LEFT:575px;
}
.SearchBar {
position: absolute;
top: 355px;
left: 575px;
height: 30px;
width: 50px;
}
</style>
</head>
<body>
<div class="GoogleLogo">
<a ><img src="../../Pictures/Google2.gif" alt="Google" width="400" height="231" border="0" /></a>
</div>
<div class="SearchBar">
<form>
<input type="text" placeholder="Search..." required>
</form>
</div>
</body>
</HTML>
有沒有辦法在不“損壞”任何東西的情況下改變高度和寬度。我想要上課。搜索欄,以響應我的編碼,我改變了高度和寬度。我把它換成550像素,還是不行,謝謝你花時間看這個。
為了改變實際輸入元素的with,您需要...更改實際輸入元素的寬度。您已經更改了div,但沒有更改輸入。
.SearchBar {
position: absolute;
top: 355px;
left: 575px;
}
.SearchBar input {
height: 30px;
width: 50px;
}
上一篇es6合并兩個json
下一篇視口對窗口對文檔