10 problems and techniques that Div beginners need to pay attention to

Source: Internet
Author: User
Tags .mall beginners browsers check different display error function

Divcss beginners often feel that they encounter a lot of problems, in fact, only a few small details did not arouse attention, there are many articles to remind everyone to pay attention, the following list of 10 problems and skills, the temperature is known new.

First, check the HTML element for spelling errors, forget the end tag

Even veterans often mistake div for nesting relationships. You can use the Dreamweaver verification function to check for errors.

Second, check the CSS is correct

Check to see if there are any spelling errors, forgetting the end of the}, and so on. You can use CLEANCSS to check your CSS for spelling errors. CLEANCSS is a tool for CSS to lose weight, but can also check out spelling mistakes.

Iii. determine where the error occurred

If the error affects the overall layout, you can delete the div block individually until a div block is removed and the display returns to normal to determine where the error occurred.

Iv. using the Border attribute to determine the layout characteristics of error elements

Using the Float property layout accidentally makes an error. Adding the border attribute to the element determines the bounds of the element, and the reason for the error is the bottom line.

The parent element of the float element cannot specify the clear property

Macie If the clear attribute is used for the parent element of a float, the layout of the float element around is confusing. This is Macie's famous bug, if you do not know it will be detours.

Six, float element must specify the Width property

Many browsers have bugs when displaying float elements that do not specify a width. So regardless of the contents of the float element, be sure to specify the width attribute.

Seven, float element cannot specify attributes such as margin and padding

IE has a bug when displaying float elements that specify margin and padding. Therefore, do not specify the margin and padding properties for float elements (you can set up margin and padding by nesting a div inside a float element). You can also use the Hack method to specify an extraordinary value for IE.

The sum of the width of the float element is less than 100%

If the width of the float element is exactly 100%, some old browsers will not display properly. Make sure the sum of width is less than 99%.

Nine, do you reset the default style?

Some properties such as margin, padding, and so on, different browsers will have different interpretations. Therefore, it is best to first of all margin, padding set to 0, list style set to none, etc.

Have you forgotten to write a DTD?

If no matter how to adjust different browser display results or not, then you can check the beginning of the page is not forget to write a DTD.

Related Article

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.