Please see the code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">div{display:inline;width:100px;height:100px;padding:0;margin:0;float:left;}#div0{ width::400px;height:200px; background-color:black;display:block;float:none;}.div1{ background-color:red;}.div2{ background-color:blue;}.div3{ background-color:yellow;}</style></head><body><div id="div0"> <div class="div1"> 1</div> <div class="div2"> 2</div> <div class="div3"> 3</div></div></body></html>
Halo! There is an extra colon after width! So the css doesn’t work
This is the disadvantage of Dreamweaver not having code checking. Using VS, you can immediately see the error
I also saw that the width of the #div0 style has an extra colon.
Okay, no one wants to pick up the points? If not, they will all be sent upstairs