HTML CSS div固定布局

2021-08-03 05:15:30 字數 388 閱讀 4465

最近在學習html設計網頁的時候遇到這樣乙個問題,問題描述如下:

總體設計為乙個主div,id="main",下屬設定6個子div,如下如所示:

基礎**如下:

段落內容

段落內容2

段落內容3

但是問題出現了,當我縮放瀏覽器的時候,整個布局都亂了,和文字段落都出現下移的情況;

如下:解決辦法:

在main這個div中設定固定值,將父div的寬度固定:

#main{

width:1300px;

padding:10px;

這時候調整瀏覽器和縮放網頁都不會改變各div的布局!

筆者還在前端學習的路上,如果有錯誤地方歡迎讀者幫忙指正,如果類似問題有更好的解決,歡迎讀者提供見解!

流式布局的使用 使用固定布局

首先可以看下效果圖 簡單布局使用 android id id flow hot android layout width match parent android layout height wrap content android background android color holo blu...

table之固定布局與自動布局

很難忘的一次創業經歷,雖然各種待遇福利什麼的不盡如意,但是從這家公司我收穫了好多,遇到那麼多好的人,我覺得我真的好幸運。一直覺得table就是展示資料用的,所以對它的認知少之又少。因為後來公司就我乙個前端,所以除了要做新需求所需頁面還要改之前專案的bug,起初真的好煩躁,因為通篇都是table,但是...

DIV CSS布局 固定頁面開度布局

div css布局中主要css屬性介紹 float float屬性是div css布局中最基本也是最常用的屬性,用於實現多列功能,我們知道標籤預設一行只能顯示乙個,而使用float屬性可以實現一行顯示多個div的功能,最直接解釋方法就是能實現 布局的多列功能。margin margin屬性用於設定兩...