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

In this article, the editor introduces in detail "how to achieve full screen width of div in CSS" with detailed content, clear steps and proper handling of details. I hope that this article "how to achieve full screen width of div in CSS" can help you solve your doubts.

DIV outermost full screen width

In fact, the full screen width of DIV is set to 100%. If the width of the DIV box on the outermost layer of the web page is not set, the width of the box is still 100% wide.

If we set the full screen for DIV, we generally set its width width style to 100%.

Here, for ease of understanding, the DIVCSS5 example explains the full-screen implementation of DIV to give id to the outermost DIV and introduce CSS named warp; to the outermost DIV. For ease of observation, we set a css background of div to black and height to 80px.

1. Complete html+css code:

Div full screen instance # warp {width:100%;height:80px;background:#000}

2. Full screen implementation. Full screen will adapt to full screen according to browser width.

After reading this, the article "how to achieve full screen width of div in CSS" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow 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.