最近,我在編寫一個網頁時,出現了一個奇怪的問題——某個div居然跑到了頁面的頂部。我很困惑,也很煩惱,于是開始了一番搜索和實驗。
/*這是我最初的css代碼*/ div{ width: 300px; height: 200px; margin: 0 auto; background-color: #cccccc; } /*這是我添加的新代碼*/ body{ margin: 0; padding: 0; }
我先檢查了一下自己的css代碼,發現除了一些基本的設置,沒有什么問題。于是,我想到了可能是其他的css樣式干擾了我的這個div。我仔細查看了一下其他的樣式表,果然發現了問題所在。
/*這是其他的css代碼*/ div{ float: left; } /*這是我修改過的css代碼*/ div{ width: 300px; height: 200px; margin: 0 auto; background-color: #cccccc; clear: both; /*添加clear屬性*/ } /*這是我添加的新代碼*/ body{ margin: 0; padding: 0; }
原來是因為其他的div樣式設置了float屬性,導致我的這個div沿著它的流動方向浮動。解決方法也很簡單,只需要給自己的div添加一個clear屬性就可以了,讓它不受其他div的影響,自動跳到下一行。
總之,這個問題解決起來還是比較簡單的,只需要靠著耐心、思考和查找,找到問題所在,然后采取適當的措施就可以了。
上一篇mysql的檢查機制