วิธีแก้ปัญหาความกระวนกระวายใจด้านซ้ายและขวาในรูปแบบหน้าเว็บ DIVCSS
เมื่อเร็ว ๆ นี้ฉันได้ประสบปัญหานี้เมื่อออกแบบเว็บไซต์ ฉันได้ออกแบบ Member Center เพื่อให้เนื้อหามีระยะขอบ: 0 อัตโนมัติ; เมื่ออยู่ตรงกลาง หน้าเว็บจะแกว่งไปทางซ้ายทันทีที่คุณเปิดหน้าเว็บและเมื่อคุณเปิดหน้าเว็บ เข้าหน้าอื่นเว็บจะเลื่อนไปทางขวาอีกครั้งหนึ่งแล้วแกว่งกลับมาทางซ้ายถ้ากระโดดเข้าหน้าบ่อยๆจะรู้สึกวิงเวียนศีรษะ ไม่เพียงพอแถบเลื่อนทางด้านขวาจะไม่ออกมา ความกว้างของหน้าเว็บที่นี่ต้องเพิ่มด้วยแถบเลื่อน ความกว้าง ระยะขอบ: 0 อัตโนมัติ; หน้าเว็บช่วยให้เบราว์เซอร์แสดงแถบเลื่อนได้ ความกว้างของหน้าเว็บที่นี่จะถูกลบออกจากความกว้างของแถบเลื่อนอย่างแน่นอน จากนั้นหน้าเว็บจะสวิงไปทางซ้ายเล็กน้อย
ไม่เช่นนั้นคุณเข้าใจสิ่งที่กล่าวไว้ข้างต้นหรือไม่ หลายๆ คนคงเคยประสบกับสถานการณ์นี้มาก่อน วิธีแก้ไขนั้นง่ายมาก เพียงทำให้แถบเลื่อนด้านขวาปรากฏขึ้นตลอดเวลาในสไตล์ชีต (CSS) เบราว์เซอร์จะเลื่อนไปทางขวา เมื่อแถบทำงาน ปล่อยให้มันออกมา รหัสคือ:
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] html{ล้น-y:เลื่อน;}
มันง่ายมาก แต่เมื่อฉันเขียนเว็บเพจ ส่วนหัวจะมีลักษณะดังนี้:
ตัวอย่างซอร์สโค้ด
[www.downcodes.com] <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
