問下這個程序里面的box1問題
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>流動模式下的塊狀元素</title> <style?type="text/css"> #box1{ ????width:300px; ????height:100px; } div,h1,p{ ????border:1px?solid?red; } </style> </head> <body> ????<div?id="box2">box2</div><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->? ????<h1>標題</h1><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->? ????<p>文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段文本段。</p><!--塊狀元素,由于沒有設置寬度,寬度默認顯示為100%-->? ???? ????<div?id="box1">box1</div><!--塊狀元素,由于設置了width:300px,寬度顯示為300px--> </body> </html>
這段程序的第七行對box1的內容范圍的設置是不是直接寬用width,高用height,只有在對padding、border、margin才需要用top、right、bottom、left來標注???
2017-06-29
你的理解有問題,寬用width,高用height是用來設置盒子的大小的,并不是內容范圍。top、right、bottom、left是用來設置指定方向邊距的。
希望對你有幫助,祝你學習愉快!
2017-06-29
我想通了,謝謝解答