ใส่คำตอบตามชื่อเสียงของฉันไม่เพียงพอที่จะแสดงความคิดเห็น แต่อย่าดูที่นี่เป็นคำตอบเพียงข้อมูลเพิ่มเติมเป็นตัวฉันเองมีปัญหาบางอย่างกับส่วนท้ายและการวางตำแหน่ง
เมื่อตั้งค่าหน้ากระดาษเพื่อให้ส่วนท้ายของฉันอยู่ที่ด้านล่างเสมอโดยมีตำแหน่งที่แน่นอนและที่เก็บหลัก / ตำแหน่งในตำแหน่งที่สัมพันธ์กัน
ฉันพบปัญหาบางอย่างกับเนื้อหาข้อความของฉันและเมนูภายในเนื้อหาเดียวกัน (ส่วนสีขาวของหน้าระหว่างส่วนหัวและส่วนท้าย) เมื่อตั้งค่าเหล่านี้เป็นแบบสัมบูรณ์ส่วนท้ายจะไม่หยุดทำงานอีกต่อไป
การโพสต์เป็นสิ่งที่คุณพูดถึงธีมที่ซับซ้อน
วิธีแก้ปัญหาของฉันไปที่เนื้อหาที่ฉันต้องการใน 'สัมบูรณ์' positon ในหน้าเว็บของฉันและไม่ถูกผลักไปด้านข้างเมื่อในตัวอย่างการเปิดเมนูแบบเลื่อนลงคือการให้ตำแหน่งสัมพัทธ์กับโพสต์จริง เมนู. (35em คือความสูงของเมนูแบบเลื่อนลงของฉันเมื่อขยายเต็มที่)
จากนั้นด้านบน: -35em สำหรับเนื้อหาที่ก่อนหน้านี้ถูกผลักไปด้านข้าง จากนั้นเพิ่มระยะขอบล่าง: -35em ด้วยวิธีนี้เนื้อหาคือ "ด้านล่าง" เมนูแบบเลื่อนลงของฉัน แต่เห็นได้ชัดว่ามันเป็นแบบเคียงข้างกับเมนูแบบเลื่อนลงของฉัน! และพื้นที่สีขาวด้านล่างลงไปถึงท้ายกระดาษนั้นมีระยะขอบเพียง 10em เหมือนก่อนที่จะเริ่มเล่นกับสิ่งนี้ ดังนั้นวิธีแก้ไขปัญหาของฉันเป็นเช่นนี้:
html, body {
margin:0;
padding:0;
height:100%;
}
h1 {
margin:0;
}
#webpage {
position:relative;
min-height:100%;
margin:0;
overflow:auto;
}
#header {
height:5em;
width:100%;
padding:0;
margin:0;
}
#text {
position:relative;
margin-bottom:-32em;
padding-top:2em;
padding-right:2em;
padding-bottom:10em;
background-repeat:no-repeat;
width:70%;
padding-left:auto;
margin-left:auto;
margin-right:auto;
right:10em;
float:right;
top:-32em;
}
#dropdown {
position:absolute;
left:0;
width:20%;
clear:both;
display:block;
position:relative;
top:1em;
height:35em;
}
#footer {
position:absolute;
width:100%;
right:0;
bottom:0;
height:5em;
margin:0;
margin-top:5em;
}
ฉันเห็นคำถามของคุณได้รับคำตอบที่ดี แต่หลังจากพบปัญหามากฉันพบว่านี่เป็นวิธีแก้ปัญหาที่ดีมากและวิธีที่จะเข้าใจได้ดีขึ้นว่าการวางตำแหน่งทำงานอย่างไรเมื่อฉันวางเนื้อหาข้อความของฉันใต้เมนูแบบเลื่อนลงของฉัน ไม่ดันข้อความไปด้านข้าง ถ้าฉันเปลี่ยนข้อความให้อยู่ในตำแหน่งที่แน่นอนส่วนท้ายไม่ได้อยู่ในตำแหน่ง เนื่องจากฉันเชื่อว่านี่เป็นปัญหาสำหรับผู้คนจำนวนมากแล้วสำหรับฉันฉันเพิ่มที่นี่ ที่จริงแล้วมีความสุขเกิดอะไรขึ้นฉันใส่ข้อความ 35 อันใต้ดรอปดาวน์ของฉัน
จากนั้นฉันมองเห็นมันติดกับแต่ละคนโดยมีตำแหน่งสัมพัทธ์และด้านบน: -35em ;, และออกพื้นที่กว้างใหญ่ด้านล่างด้วยขอบ: -35em;
ค่าลบจะถูกประเมินค่าต่ำกว่าในบางครั้งฟังก์ชั่นที่ดีมากเมื่อเราเข้าใจตำแหน่งเหล่านี้ดีกว่า!
โดยปกติแล้วตำแหน่งที่แน่นอนดูเหมือนตรรกะสำหรับส่วนท้ายของฉัน แต่ฉันต้องการให้ส่วนท้ายไปด้านล่างวิวพอร์ตหากข้อความหรือเนื้อหานั้นยาวกว่าวิวพอร์ต และอยู่ด้านล่างหากมีเนื้อหาเพียงเล็กน้อยในหน้า
setupp นี้แก้ไขได้เป็นอย่างดีและอย่าลืมใช้ 'em' ไม่ใช่ 'px' สำหรับเค้าโครงหน้ากระดาษที่มีความคล่องแคล่ว / ไดนามิกมากขึ้น! :)
(อาจมีวิธีแก้ปัญหาที่ดีกว่า แต่วิธีนี้ใช้ได้ผลสำหรับฉันข้ามแพลตฟอร์มเช่นเดียวกับอุปกรณ์)
