Use div css to solve the problem of horizontal scroll bars_Experience exchange

A very depressing question, take a look at the code I originally wrote:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> body{width:990px;} #head{height:95px;width:990px;} </style> <div id="head"> </div>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh it to execute]

A horizontal scroll bar actually appeared. The problem is that the width I defined is only 950px. ! Finally, with the help of netizens, I discovered the reason:

1 You can directly change the css of the body to:
body{width:990px; margin:0; padding:0;}
2 You can add:

* {margin:0;padding:0;}The running effect after adding:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> * {margin:0;padding:0;} body{width:990px;} #head{height:95px;width:990px;} </style> <div id="head"> </div>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh it to execute]