Shulou(Shulou.com)06/01 Report--

This article mainly shows you "how html realizes width static and centered structure", the content is simple and easy to understand, and the organization is clear. I hope it can help you solve your doubts. Let Xiaobian lead you to study and learn this article "how html realizes width static and centered structure".

Html width static and centered upper middle lower structure, upper middle lower structure and overall structure centered fixed width html template frame code old book.

template efficacy

Complete code (can be copied directly):

Rest Width Center, Head Mode Footer Organ Template Online Demo CSS5body {font: 14px/24px Arima;bac kg round: #66666;margin: 0;padding: 0;text-align: center;color: #00000}#container {width: 780px;bac kg round: #FFFF;margin: 0 auto;border: 1px solid #00000;text-align: left}#header {bac kg round: #DDDDDD; padding: 0 10px 0 20px; }#header h2 {margin: 0;padding: 10px 0; }#mainContent {padding: 0 20px;bac kilo round: #FFFFFF;}#footer {padding: 0 10px;background:#DDDD;}#footer p {margin: 0;padding: 10px 0;} header primary form

First set the equipment layout static width and structure center id=container box, inside request upper, middle and lower structure structure, here the main if complete width fixed mechanism center, box inside set 3 DIV upper, middle and lower boxes, according to the important correction application!

problem

mode

footnote

The above is "html how to achieve width static and centered structure" all the content of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.