Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Thay đổi kích thước hộp bằng JavaScript</h1> <div class="container"> <div class="box" id="box1">Đây là BOX1.</div> <div class="box" id="box2">Đây là BOX2.</div> <div style="clear:both;"></div> </div> <p>Hai hộp 150 pixel bên trong vùng chứa 300 pixel. Nó sẽ vừa khít, nhưng do có đường viền và phần đệm, hai hộp chiếm nhiều không gian hơn 150 pixel mỗi hộp. "Vấn đề" này có thể được giải quyết bằng cách đặt thuộc tính kích thước hộp thành "hộp viền".</p> <p>Nhấp vào nút "Thử" để đặt thuộc tính kích thước hộp của hai hộp thành "viền- box":</p> <button onclick="myFunction()">Hãy dùng thử</button> <SCRIPT_PLACEHOLDER_8/> </body> </html>