input 에서 한글 입력 시 옆에 있던 버튼이 내려감
조회수 952회
일단
위 사진처럼 영어를 입력할 때는 문제가 없는데 한글을 입력하면 왜 위 사진처럼 버튼이 내려가나요? 소스코드는 아래와 같습니다.
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>채팅</title>
<style>
html, body {
padding: 0;
margin: 0;
}
#chat {
position: fixed;
bottom: 0;
width: 100%;
height: 70px;
background-color: #627fff;
border-radius: 20px 20px 0px 0px / 20px 20px 0px 0px;
}
#chat form input {
height: 60px;
width: 90%;
border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
border-style: none;
margin-left: 10px;
margin-top: 5px;
font-size: 30px;
outline: 0;
}
#chat form button {
position: relative;
height: 59.5px;
width: 106px;
border-radius: 0px 20px 20px 0px / 0px 20px 20px 0px;
border-style: none;
right: 6px;
bottom: 4px;
outline: 0;
}
</style>
</head>
<body>
<div id="chat">
<form action="">
<input type="text">
<button type="submit">입력</button>
</form>
</div>
</body>
</html>
-
(•́ ✖ •̀)
알 수 없는 사용자
댓글 입력