Maison > interface Web > tutoriel HTML > 新人求带_html/css_WEB-ITnose

新人求带_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:56:54
original
860 Les gens l'ont consulté

怎么让自己设计的网页随着窗口的改变而不乱版啊。。。


回复讨论(解决方案)

margin:auto;

设置位置或宽度时尽量用百分比

看你想怎么展现你的页面了。
1、如果你是想你的页面随这窗口的大小而变动的话,那就是动态的布局了,也就是说你要要百分比去写页面的宽的属性。
2、如果你是想你的页面不会根据你的窗口变化而变化的话就把页面的整体宽度定死,居中就可以了。

用自适应布局。responsive layout

<div style="width:950px;margin:0 auto"><div style="background:#09F;float:left;width:400px">44444444444444</div><div style="background:red">33333333333333</div><div style="background:#F30;float:left;width:600px">22222222222222</div><div style="background:#FFF">11111111111111</div></div>
Copier après la connexion


table布局就可以实现啊

<table style="width:100%;height:100%"></table>
Copier après la connexion

对不希望改变的页面元素用CSS固定宽和高,这样窗口改变的时候版面不会乱,但是窗口太小会出现滚动条

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal