㈠ CSS控制DIV寬度代碼：
<div
class="main"><div
class="left"></div><div
class="center"></div><div
class="right"></div><div
class="cle"></div></div><style
type="text/css">.main
{width:1000px;margin:0
auto;}.left
{width:245px;float:left;}.center
{width:435px;float:left;margin-left:10px;}.right
{width:300px;float:right;}.cle
{height:0;clear:both;}</style> 正常情況中間是要定寬度的，特殊手段還是做到不定寬度的，注意：center、left和right的總寬度+他們的margin不能大於main的寬度。
㈡ 寬度滿屏的代碼怎樣寫
你的問題和這個大同小異，不知道你看得懂下面代碼不。一般來說設置成100%就可以了，我不知道你是不是有其他樣式限制了這個寬度，這個最好檢查下
近日做項目中用到頁面中嵌套iframe，想要實現自適應大小，並且在IE中按F11鍵全屏時也可以自適應大小。
在網上搜來的代碼多數只適應頁面中只有單個iframe情況，但筆者頁面還有一個logo圖片。
經反復實現，如下代碼可實現：
<html>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>iframe全屏測試</title>
<mce:style>
</mce:style><stylemce_bogus="1">body{margin:0px;}
iframe{border:0px;}</style>
</head>
<mce:scripttype="text/javascript">
</mce:script>
<bodyscroll="no">
<imgborder="0"width="100%"height="84"src="./images/logo.png"mce_src="images/logo.png">
<iframeid="frame3d"name="frame3d"frameborder="0"width="100%"scrolling="auto"
style="margin-top:-4px;"onload="this.style.height=document.body.clientHeight-84"
height="100%"src="./map.jsp"mce_src="map.jsp"></iframe>
</body>
</html>
1、頁面載入實現：iframe的onload事件，之所以減去84，是logo圖片的高度，把這個位置給讓出來。
2、全屏實現：window.onresize事件
document.getElementById('frame3d').style.height = document.body.clientHeight - 84+"px";
㈢ web前端怎麼讓div大小剛好和圖片一樣大
在前端開發過程中，我們經常會遇到盒子大小跟圖片尺寸不匹配的情況，我們通常會通過以下幾種方式來解決。
1.通過採用裁剪圖片，根據div盒子設置的寬、高，來更改裁剪圖片的尺寸，使圖片適配div盒子。
2.設置div的具體寬高，圖片寬高分別設置為100%，代碼具體如下width:100%;height:100%。這種方式，也可以將圖片大小填充滿盒子。
3.如果圖片是網頁背景圖片，還可以通過設置div盒子內屬性background-size為cover，這種方式也可使圖片充滿盒子。
我們在實際運用中，可以根據不同情況來選擇不同圖片調整方式。
㈣ 前端JS的問題，如圖設置圖片寬100%，為什麼下面會多出一截
你需要在 img 標簽的上一級標簽設置 css line-height: 0，或者把 img 變成 block 元素
㈤ 網頁設計代碼中的長寬怎麼表示height表示寬還是高
寫在HTML頁面中的是 width="100",height="100"不用帶PX單位
寫在CSS裡面的高和款是 width:100px; height:100px;
㈥ 如何把web前端網頁做成自適應
1.首先，在網頁代碼的頭部，加入一行viewport元標簽。
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置，包括IE9，對於那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxx px;
只能指定百分比寬度：width: xx%;或者width:auto;
3、相對大小的字體
字體也不能使用絕對大小（px），而只能使用相對大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然後，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）。
small {
font-size: 0.875em;
}
small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。
㈦ CSS如何怎麼設置div邊框顏色寬度和高度
1.首先，您需要創建一個div,對div進行添加一個class。我們利用CSS通過class來設置div的邊框。
