การเขียนโปรแกรม height

30

วิธีสร้าง div ความสูง 100% ของหน้าต่างเบราว์เซอร์

ฉันมีเลย์เอาต์ที่มีสองคอลัมน์ - ซ้ายdivและขวาdivและขวา ด้านขวาdivมีสีเทาbackground-colorและฉันต้องการมันเพื่อขยายในแนวตั้งขึ้นอยู่กับความสูงของหน้าต่างเบราว์เซอร์ของผู้ใช้ ตอนนี้จุดbackground-colorสิ้นสุดของเนื้อหาชิ้นสุดท้ายในนั้นdivปลายที่ชิ้นสุดท้ายของเนื้อหาในการที่ ฉันได้พยายามheight:100%, min-height:100%;ฯลฯ

2139 html css height

21

ทำให้เนื้อหามีความสูงของเบราว์เซอร์ 100%

ฉันต้องการทำให้ร่างกายมีความสูงของเบราว์เซอร์ 100% ฉันสามารถใช้ CSS ได้ไหม ฉันลองตั้งค่าheight: 100%แล้ว แต่ใช้งานไม่ได้ ฉันต้องการตั้งค่าสีพื้นหลังสำหรับหน้าให้เต็มทั้งหน้าต่างเบราว์เซอร์ แต่ถ้าหน้ามีเนื้อหาน้อยฉันจะได้แถบสีขาวน่าเกลียดที่ด้านล่าง

844 html css height

11

CSS: การตั้งค่าความกว้าง / ความสูงเป็นเปอร์เซ็นต์ลบด้วยพิกเซล

ฉันกำลังพยายามสร้างคลาส CSS ที่ใช้งานได้อีกครั้งเพื่อความสอดคล้องและมีความยุ่งเหยิงน้อยลงในเว็บไซต์ของฉัน ฉันมีคอนเทนเนอร์<div>ที่ฉันไม่ต้องการตั้งค่าความสูงสำหรับ (เพราะมันจะแตกต่างกันไปขึ้นอยู่กับว่ามันอยู่ที่ไหนในเว็บไซต์) และภายในมันเป็นส่วนหัว<div>และจากนั้นเป็นรายการที่ไม่เรียงลำดับทั้งหมดที่ใช้ CSS กับ พวกเขา มันดูเหมือนเป็นอย่างมาก: ฉันต้องการรายการที่ไม่ได้เรียงลำดับเพื่อใช้ห้องที่เหลือในภาชนะ<div>โดยรู้ว่าส่วนหัว<div>นั้น18pxสูง ฉันไม่ทราบวิธีระบุความสูงของรายการเป็น "ผลลัพธ์ของ100%ลบ18px" ฉันเคยเห็นคำถามนี้ถามในบริบทอื่น ๆ อีกสองสามรายการใน SO แต่ฉันคิดว่ามันจะคุ้มค่าที่จะถามอีกครั้งสำหรับกรณีเฉพาะของฉัน ใครบ้างมีคำแนะนำในสถานการณ์นี้

479 css height pixel

18

คุณจะได้ความสูงที่แสดงขององค์ประกอบได้อย่างไร

คุณจะได้ความสูงที่แสดงขององค์ประกอบได้อย่างไร สมมติว่าคุณมี<div>องค์ประกอบพร้อมเนื้อหาภายใน <div>นี้ภายในเนื้อหาเป็นไปเพื่อยืดความสูงของ คุณจะรับความสูง "ที่เรนเดอร์" ได้อย่างไรเมื่อคุณไม่ได้ตั้งค่าความสูงอย่างชัดเจน เห็นได้ชัดว่าฉันพยายาม: var h = document.getElementById('someDiv').style.height; มีเคล็ดลับในการทำเช่นนี้หรือไม่? ฉันใช้ jQuery ถ้าช่วยได้

405 javascript jquery css height

25

ทำให้ div สูงขึ้นพร้อมเนื้อหา

ฉันมี div ที่ซ้อนกันเหล่านี้และฉันต้องการคอนเทนเนอร์หลักเพื่อขยาย (สูง) เพื่อรองรับ DIVs ภายใน  ...  <body class="main"> <div id="container"> <div id="header">  </div> <div id="main_content">  <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> …

376 css height

30

การสร้าง textarea พร้อมปรับขนาดอัตโนมัติ

มีอีกหัวข้อหนึ่งเกี่ยวกับเรื่องนี้ซึ่งฉันได้ลอง แต่มีปัญหาหนึ่งคือ: textareaไม่หดตัวถ้าคุณลบเนื้อหา ฉันไม่สามารถหาวิธีย่อขนาดให้ถูกต้องได้ - clientHeightค่ากลับมาเป็นขนาดเต็มtextareaไม่ใช่เนื้อหา รหัสจากหน้านั้นอยู่ด้านล่าง: function FitToContent(id, maxHeight) { var text = id && id.style ? id : document.getElementById(id); if ( !text ) return; var adjustedHeight = text.clientHeight; if ( !maxHeight || maxHeight > adjustedHeight ) { adjustedHeight = Math.max(text.scrollHeight, adjustedHeight); if ( maxHeight ) adjustedHeight = Math.min(maxHeight, …

366 javascript html resize height textarea

10

ความกว้างของกอง 100% ลบด้วยจำนวนพิกเซลคงที่

ฉันจะบรรลุโครงสร้างต่อไปนี้โดยไม่ใช้ตารางหรือ JavaScript ได้อย่างไร เส้นขอบสีขาวแสดงถึงขอบของ divs และไม่เกี่ยวข้องกับคำถาม ขนาดของพื้นที่ตรงกลางจะแตกต่างกันไป แต่จะมีค่าพิกเซลที่แน่นอนและโครงสร้างทั้งหมดควรปรับขนาดตามค่าเหล่านั้น หากต้องการทำให้มันง่ายขึ้นฉันต้องการวิธีตั้งค่าความกว้าง "100% - n px" ให้กับ div ด้านบนกลางและล่างกลาง ฉันขอขอบคุณโซลูชันข้ามเบราว์เซอร์ที่สะอาดตา แต่ในกรณีที่เป็นไปไม่ได้ CSS แฮ็กจะทำ นี่คือโบนัส โครงสร้างอื่นที่ฉันพยายามและจบลงด้วยการใช้ตารางหรือ JavaScript มันแตกต่างกันเล็กน้อย แต่แนะนำปัญหาใหม่ ฉันได้ใช้มันเป็นส่วนใหญ่ในระบบหน้าต่างที่ใช้ jQuery แต่ฉันต้องการที่จะไม่ใช้เลย์เอาต์ของสคริปต์และควบคุมขนาดขององค์ประกอบเดียวเท่านั้น (อันกลาง)

316 html css height width

10

ทำไมความสูงไม่ถึง 100% ในการขยาย divs ให้เป็นความสูงของหน้าจอ

ฉันต้องการม้าหมุน DIV (s7) เพื่อขยายความสูงของหน้าจอทั้งหมด ฉันไม่รู้ว่าทำไมมันถึงไม่สำเร็จ หากต้องการดูหน้าเว็บที่คุณสามารถไปที่นี่ body { height: 100%; color: #FFF; font: normal 28px/28px'HelveticaWorldRegular', Helvetica, Arial, Sans-Serif; background: #222 url('') no-repeat center center fixed; overflow: hidden; background-size: cover; margin: 0; padding: 0; } .holder { height: 100%; margin: auto; } #s7 { width: 100%; height: 100%: margin: auto; overflow: …

295 html css height

10

วิธีรับความกว้างและความสูงของ android.widget.ImageView

╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <------------------------------------------------> 90px width of ImageView ฉันมีมุมมองภาพที่มีความสูงและความกว้างเริ่มต้นบางภาพจะถูกจัดเก็บในฐานข้อมูลและฉันต้องการปรับขนาดภาพตามความกว้างความสูงของ Imageview เพราะฉันไม่ต้องการให้มันเป็นค่าเริ่มต้นเพราะเมื่อฉันเปลี่ยนมันความสูงและความกว้างฉันต้องเปลี่ยนมันในโค้ดด้วย …

272 android image height width

23

วิธีรับความสูง div เพื่อปรับขนาดพื้นหลังโดยอัตโนมัติได้อย่างไร

ฉันจะให้ div ปรับขนาดของพื้นหลังที่ฉันตั้งไว้โดยอัตโนมัติได้อย่างไรโดยไม่ต้องตั้งค่าความสูงเฉพาะ (หรือความสูงขั้นต่ำ)

270 css html background height

11

วิธีการทำให้ div ความสูง 100% ของพาเรนต์ลอย

นี่คือ HTML: <div id="outer"> <div id="inner"></div> Test </div> และนี่คือ CSS: #inner { float: left; height: 100%; } เมื่อตรวจสอบด้วยเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome div ภายในจะมีความสูงถึง 0px ฉันจะบังคับให้เป็น 100% ของส่วนสูงของผู้ปกครองได้อย่างไร

256 css html height

11

CSS วิธีการตั้ง div ความสูง 100% ลบ nPx

ฉันมีกระดาษห่อ Div ซึ่งมี 2 divs ติดกัน เหนือคอนเทนเนอร์นี้ฉันมี div ที่มีส่วนหัวของฉัน Div wrapper ต้อง 100% ลบความสูงของส่วนหัว ส่วนหัวประมาณ 60 px สิ่งนี้ได้รับการแก้ไขแล้ว ดังนั้นคำถามของฉันคือ: ฉันจะตั้งค่าความสูงของ wrapper ของฉันให้เป็น 100% ลบด้วย 60 px ได้อย่างไร <div id="header"></div> <div id="wrapper"> <div id="left"></div> <div id="right"></div> </div>

199 css height

12

CSS Div ยืดความสูงของหน้าได้ 100%

ฉันมีแถบนำทางที่ด้านซ้ายของหน้าของฉันและฉันต้องการให้มันยืดได้ถึง 100% ของความสูงของหน้า ไม่ใช่แค่ความสูงของวิวพอร์ต แต่รวมถึงพื้นที่ที่ซ่อนไว้จนกว่าคุณจะเลื่อน ฉันไม่ต้องการใช้จาวาสคริปต์เพื่อทำสิ่งนี้ให้สำเร็จ มันสามารถทำได้ใน HTML / CSS?

196 css height max stretch

8

Canvas ยืดออกเมื่อใช้ CSS แต่ปกติด้วยคุณสมบัติ“ ความกว้าง” /“ ความสูง”

ฉันมี 2 ผืนผ้าใบหนึ่งใช้คุณลักษณะ HTML widthและheightขนาดมันอีกใช้ CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> Compteur1 แสดงอย่างที่ควรจะเป็น แต่ไม่ใช่ compteur2 เนื้อหาถูกวาดโดยใช้ JavaScript บนผืนผ้าใบขนาด 300x300 ทำไมจึงมีความแตกต่างในการแสดงผล?

195 css html canvas height width

6

เปอร์เซ็นต์ความสูง HTML 5 / CSS

ฉันกำลังพยายามตั้งค่า<div>ความสูงเป็นเปอร์เซ็นต์ที่แน่นอนใน CSS แต่มันก็ยังคงขนาดเดียวกันกับเนื้อหาที่อยู่ภายใน อย่างไรก็ตามเมื่อฉันลบ HTML 5 <!DOCTYTPE html>มันก็ใช้งานได้การ<div>ใช้ทั้งหน้าตามต้องการ ฉันต้องการให้หน้าตรวจสอบความถูกต้องแล้วฉันควรทำอย่างไร ฉันมี CSS นี้ใน<div>ซึ่งมี ID ของpage: #page { padding: 10px; background-color: white; height: 90% !important; }

176 html css height

คำถามติดแท็ก height