CSS ਫਲੋਟ: ਵੇਰਵਾ, ਵਿਸ਼ੇਸ਼ਤਾ

ਫਲੋਟ - ਇੱਕ ਦੇ The ਬੁਨਿਆਦੀ ਫੰਕਸ਼ਨ ਦੇ ਇਹ ਭਾਸ਼ਾ The CSS (ਕੀ ਸਕੇਵਿੰਗ ਇਹ ਸ਼ੈਲੀ ਸ਼ੀਟ - ਫਾਰਮਿਟ ਕੈਸਕੇਡਿੰਗ). ਇਹ ਭਾਸ਼ਾ 1996 ਦੇ ਬਾਅਦ ਮੌਜੂਦ ਹੈ ਅਤੇ ਅਜੇ ਵੀ ਵਿਕਸਿਤ ਕਰਨ ਲਈ ਜਾਰੀ ਹੈ. ਪਲ 'ਤੇ, ਡਿਵੈਲਪਰ CSS ਦਾ ਤੀਜਾ ਵਰਜਨ ਵਰਤਿਆ ਹੈ. CSS ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਦੇ ਨਾਲ ਇਸ ਨੂੰ ਇੱਕ ਸੁੰਦਰ ਅਤੇ ਪ੍ਰਸੰਨ ਸਾਈਟ ਹੈ, ਜੋ ਕਿ ਪੁਰਾਣੀ ਜ ਯੂਜ਼ਰ ਲਈ ਬੇਚੈਨ ਦਿਖਾਈ ਨਹੀ ਕਰੇਗਾ, ਵੀ, ਜੇ ਤੁਹਾਨੂੰ JavaScript ਵਰਤ ਨਾ ਸੀ ਨੂੰ ਬਣਾਉਣ ਲਈ ਸੰਭਵ ਹੈ. ਪਰਮਿਟ ਦੀ ਤੀਜੀ ਵਰਜਨ ਦੇ ਮਾਡਰਨ ਸੰਭਾਵਨਾ.

ਇਸ ਦੇ ਨਾਲ, ਡਿਵੈਲਪਰ ਅਜਿਹੇ Flexbox ਜ ਸਾਈਟ 'ਤੇ ਸਪੇਸ ਦੀ ਤੱਤ ਨੂੰ ਤਬਦੀਲ ਕਰਨ ਲਈ ਦਰਜਾ ਦੇ ਤੌਰ ਤੇ ਹੋਰ ਸੁਵਿਧਾਜਨਕ ਸਰੂਪਣ ਚੋਣ, ਹੈ, ਪਰ ਪਹਿਲੇ ਕੁਝ ਪਹਿਲੀ ਇਸਤੇਮਾਲ ਕਰ ਸਕਦੇ ਹੋ. ਫ਼ਾਇਦੇ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੋਟ ਦੇ ਨੁਕਸਾਨ ਨੂੰ ਸਮਝਣ ਲਈ ਸ਼ੁਰੂ ਕਰਨ ਲਈ.

CSS ਫਲੋਟ - ਇਸ ਨੂੰ ਇਸੇ ਦੀ ਲੋੜ ਹੈ?

ਫਲੋਟ - ਸਥਿਤੀ ਤੱਤ ਲਈ ਸੰਪਤੀ. ਹਰ ਦਿਨ, ਇਸ ਨੂੰ, ਅਖ਼ਬਾਰ ਅਤੇ ਰਸਾਲੇ ਦੇ ਸਫ਼ੇ 'ਤੇ ਵੇਖਿਆ ਜਾ ਸਕਦਾ ਹੈ ਤਸਵੀਰ ਅਤੇ ਪਾਠ, ਜੋ ਕਿ ਬਹੁਤ ਹੀ ਕਰੀਨੇ ਹੈ ਉਹ ਦੇ ਦੁਆਲੇ ਲਪੇਟੇ' ਤੇ ਦੇਖ ਰਹੇ. и CSS при использовании функции Float должно произойти то же самое. ਫਲੋਟ ਫੰਕਸ਼ਨ ਵਰਤ ਉਸੇ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਕੇ ਅਤੇ CSS ਕੋਡ ਦੇ ਸੰਸਾਰ ਵਿਚ. ਪਰ ਇਸ ਨੂੰ ਚੇਤਾ ਹੈ ਭਈ ਚਿੱਤਰ ਨੂੰ ਸੰਪਾਦਨ ਹਮੇਸ਼ਾ ਇਸ ਫੰਕਸ਼ਨ ਦਾ ਮੁੱਖ ਮਕਸਦ ਹੈ ਰੁਪਏ ਦੀ ਹੈ. ਇਹ ਦੋ, ਤਿੰਨ, ਚਾਰ ਕਾਲਮ ਵਿੱਚ ਸਾਈਟ ਦੇ ਤੱਤ ਦੇ ਪ੍ਰਸਿੱਧ ਸਥਿਤੀ ਦੇ ਪੈਦਾ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਅਸਲ ਵਿਚ, ਫਲੋਟ CSS ਸੰਪਤੀ ਲੱਗਭਗ ਕਿਸੇ ਨੂੰ HTML-ਤੱਤ ਲਈ ਵਰਤਿਆ ਗਿਆ ਹੈ. ਖਾਕਾ ਤੱਤ ਨੂੰ ਸੋਧ ਫਲੋਟ ਫੰਕਸ਼ਨ ਵਰਤ, ਅਤੇ ਫਿਰ ਜਾਇਦਾਦ, ਸਾਈਟ ਦੇ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਇਨ ਬਣਾਉਣ ਲਈ ਦੀ ਬੁਨਿਆਦ, ਪਤਾ ਹੈ ਮੁਸ਼ਕਲ ਨਹੀ ਹੋਵੇਗਾ.

ਵਿਸ਼ੇਸ਼ DTP ਪ੍ਰੋਗਰਾਮ ਕਈ ਵਾਰ ਚਿੱਤਰ ਨੂੰ ਅਣਡਿੱਠਾ ਕਰ ਸਕਦਾ ਹੈ, ਅਤੇ ਉਹ ਦੇ ਉੱਤੇ ਜਾਣ ਲਈ. ਲੋੜੀਦੀ ਇਸੇ ਵਾਪਰ ਅਤੇ ਵੈਬ ਡਿਜ਼ਾਇਨ, ਨਾਲ ਹੀ ਇਹ ਚਾਨਣ ਦੇ ਇਹ ਪਾਠ ਨੂੰ, ਨਾ ਕਿ ਚੜਾਈ 'ਤੇ ਇਹ ਤਸਵੀਰ ਹੈ ਪ੍ਰਦਰਸ਼ਿਤ (ਜੇ ਵਰਤੀ ਗਲਤ ਫਲੋਟ ਵਿਸ਼ੇਸ਼ਤਾ) ਅਗਲੇ ਕਰਨ ਲਈ ਇਸ ਨੂੰ ਜ ਹੇਠ ਇਸ ਨੂੰ ਹੈ, ਪਰ ਨਾ ਹਮੇਸ਼ਾ ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਲੋੜ ਹੈ ਇੱਕ ਵਿਕਾਸਕਾਰ.

ਸੰਪਤੀ ਦੀ CSS ਫਲੋਟ ਦਾ ਵੇਰਵਾ

ਅਸਲ ਵਿਚ, ਫਲੋਟ ਸੰਪਤੀ ਵਰਤਣ ਦੀ ਯੋਗਤਾ ਕਿਸੇ ਵੀ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਲਈ ਮੋਰੀ ਵਿੱਚ ਇੱਕ ਬਹੁਤ ਹੀ ਚੰਗਾ ਖਿਡਾਰੀ ਹੈ. ਪਰ, ਬਦਕਿਸਮਤੀ ਨਾਲ, ਇਸ ਨੂੰ ਕੰਮ ਕਰਦਾ ਹੈ ਦੀ ਸਮਝ ਦੀ ਕਮੀ ਦੀ ਟੱਕਰ ਹੈ ਅਤੇ ਇਸ ਕਿਸਮ ਦੀ ਸਾਈਟ ਦੁੱਖ ਦੀ ਤੱਤ ਨੂੰ ਹੋਰ ਹੋ ਸਕਦਾ ਹੈ. ਇਸ ਨੂੰ ਵੀ ਅਜਿਹੇ ਹਾਲਾਤ ਕਾਰਨ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਬੱਗ ਦੀ ਹੁੰਦੀ ਹੈ. ਹੁਣ ਕਿਸ ਨੂੰ ਫਲੋਟ ਸੰਪਤੀ ਨੂੰ ਵਰਤਣ ਲਈ ਦੇ ਗੁਪਤ ਖੋਲ੍ਹਿਆ ਜਾਵੇਗਾ, ਅਤੇ ਇਸ ਨਾਲ ਕੋਈ ਸਮੱਸਿਆ ਵੱਡਾ ਨਹੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.

ਸਾਨੂੰ ਫਲੋਟ ਸੰਪਤੀ ਚਾਰ ਮੁੱਲ ਹਨ:

• ਫਲੋਟ: ਵਾਰਸ;
• ਫਲੋਟ: ਸੱਜੇ;
• ਫਲੋਟ: ਖੱਬੇ;
• ਫਲੋਟ: ਕਿਸੇ ਨੂੰ ਨਾ ਚੁਣੋ;

ਜਿਹੜੇ ਲੋਕ ਅੰਗਰੇਜ਼ੀ ਜਾਣਦੇ ਹਨ, ਪੈਰਾਮੀਟਰ ਦਾ ਮੁੱਲ ਫਲੋਟ ਸੰਪਤੀ ਸਾਫ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਪਰ ਜਿਹੜੇ ਲੋਕ ਪਤਾ ਨਾ ਕਰਦੇ ਹੋ, ਤੁਹਾਨੂੰ ਇੱਕ ਛੋਟੀ ਵਿਆਖਿਆ ਨੂੰ ਲੈ ਕੇ ਕਰ ਸਕਦੇ ਹੋ. ਪੈਰਾਮੀਟਰ: ਖੱਬੇ; ਇਹ ਮਾਤਾ ਤੱਤ ਦੀ ਸਭ ਬਹੁਤ ਖੱਬੇ ਕੋਨੇ ਵਿੱਚ ਤੱਤ ਸਰੀਰ ਨੂੰ ਭੇਜਦੀ ਹੈ. ਇਸੇ ਗੱਲ ਨੂੰ (ਸਿਰਫ ਹੋਰ ਤਰੀਕੇ ਨਾਲ) ਹੁੰਦਾ ਹੈ, ਜਦ bcgjkmpjdfybb ਪੈਰਾਮੀਟਰ: ਸੱਜੇ; . ਮੁੱਲ: ਬਣਨਗੇ; ਤੱਤ ਮਾਤਾ ਦੇ, ਜੋ ਕਿ ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕੋ ਹੀ ਸੰਰਚਨਾ ਸੰਭਾਲਣ ਲਈ ਹੁਕਮ. ਅਜਿਹੇ ਤੱਤ ਬੱਚੇ ਨੂੰ ਅਜੇ ਵੀ ਕਹਿੰਦੇ ਹਨ, ਦੇ ਰੂਪ ਵਿੱਚ ਉਹ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਮਾਤਾ HTML-ਕੋਡ ਵਿਖੇ ਸਥਿਤ ਹਨ. ਇੱਕ ਸੰਪਤੀ ਹੈ: none; ਇਹ ਤੱਤ ਦਸਤਾਵੇਜ਼ ਹੈ, ਜੋ ਕਿ ਕੋਡ ਦੇ ਸਾਰੇ ਹਿੱਸੇ ਦੇ ਲਈ ਮੂਲ ਰੂਪ ਵਿੱਚ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ ਦੇ ਆਮ ਵਹਾਅ ਵਿਘਨ ਨਾ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ.

ਕਿਸ ਕੰਮ ਦੇ ਫਲੋਟ ਹੈ?

ਫਲੋਟ CSS ਸੰਪਤੀ ਕਾਫ਼ੀ ਬਸ ਕੰਮ ਕਰਦਾ ਹੈ. ਸਭ, ਜੋ ਕਿ ਉਪਰੋਕਤ ਵਰਣਿਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਬਹੁਤ ਕੁਝ ਮੁਸ਼ਕਲ ਬਿਨਾ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਜੋ ਕਿ ਬਾਅਦ, ਸਭ ਕੁਝ ਹੀ ਆਸਾਨ ਹੋ ਜਾਵੇਗਾ. ਪਰ ਮੈਨੂੰ ਫਲੋਟ ਦਰਜਾ ਸਟੱਡੀ ਜਾਰੀ ਰੱਖਣ, ਥਿਊਰੀ ਵਿੱਚ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਨਜ਼ਰ ਦੀ ਕੀਮਤ. ਹਰ ਵੈਬ ਸਾਈਟ ਬਲਾਕ ਦਾ ਇੱਕ ਤੱਤ ਹੁੰਦਾ ਹੈ. ਇਹ ਦਬਾ ਲਈ Ctrl + Shift + ਜੇ ਪਾਠ ਨੂੰ, ਦਾ ਸਿਰਲੇਖ, ਚਿੱਤਰ ਨੂੰ, ਲਿੰਕ ਕੇ ਗੂਗਲ ਕਰੋਮ 'ਚ ਕੰਸੋਲ ਖੋਲ੍ਹਣ ਦੇ ਕੇ ਇਸ ਨੂੰ ਦੇਖਣ ਲਈ ਆਸਾਨ ਹੈ, ਅਤੇ ਸਾਈਟ ਦੀ ਹੋਰ ਸਾਰੇ ਭਾਗ ਬਲਾਕ, ਹੁਣੇ ਹੀ ਵੱਖ-ਵੱਖ ਅਕਾਰ ਵੇਖਾਇਆ ਜਾਵੇਗਾ. ਸ਼ੁਰੂ ਵਿਚ, ਇਹ ਸਭ ਨੂੰ ਬਲਾਕ ਇਕ-ਦੂਜੇ ਨੂੰ ਹੇਠ ਕਰ ਰਹੇ ਹਨ. ਥੱਲੇ ਉਦਾਹਰਨ ਵਿੱਚ ਵੇਖਾਇਆ ਗਿਆ ਹੈ, ਕੋਡ ਦੀ ਲਾਈਨ ਇਕ-ਦੂਜੇ ਨੂੰ ਹੇਠ, ਇਸ ਲਈ ਉਹ ਸਖ਼ਤੀ ਨਾਲ ਇਕ ਹੋਰ ਦੇ ਬਾਅਦ ਇੱਕ ਹੋਣ ਲਈ ਵਿਖਾਈ.

ਇਹ ਇੱਕ ਆਮ ਵਹਾਅ (ਆਮ ਵਹਾਅ) ਕਿਹਾ ਗਿਆ ਹੈ. ਅਜਿਹੇ ਸਾਰੇ ਬਲਾਕ ਲੰਬਕਾਰੀ (ਤੱਤ ਪਾਰ ਬਿਨਾ ਸਰੀਰ ਨੂੰ) ਇਕ-ਦੂਜੇ ਨੂੰ ਦੇ ਅੰਦਰ ਡਿੱਗ ਜਦ. ਸ਼ੁਰੂ ਵਿਚ, ਸਾਰੇ ਇਹ ਸਮੱਗਰੀ ਦੀ ਇਹ ਵੈੱਬ ਸਫ਼ੇ ਸਥਿਤ ਵਿੱਚ ਇਸ ਤਰੀਕੇ ਨਾਲ. ਪਰ, ਜਦ ਵਰਤ ਹੈ, ਉਦਾਹਰਨ ਲਈ, ਭਾਸ਼ਾ CSS ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੋਟ, ਖੱਬੇ, ਤੱਤ ਸਫ਼ੇ ਅਤੇ ਖੱਬੇ ਕਰਨ ਲਈ ਚਾਲ 'ਤੇ ਇਸ ਦੇ ਕੁਦਰਤੀ ਸਥਿਤੀ ਨੂੰ ਛੱਡਦੀ ਹੈ. ਇਹ ਵਰਤਾਓ ਜਿਹੜੇ ਤੱਤ ਹੈ, ਜੋ ਕਿ ਆਮ ਕੋਰਸ ਵਿੱਚ ਹੀ ਰਿਹਾ ਹੈ ਨਾਲ ਲਾਜ਼ਮੀ ਟੱਕਰ ਅਗਵਾਈ ਕਰਦਾ ਹੈ.

ਵਿਚ ਹੋਰ ਸ਼ਬਦ, ਇਹ ਤੱਤ ਇਸ ਦੀ ਬਜਾਏ ਸਥਿਤੀ ਵਰਟੀਕਲ, ਹੁਣ ਅਗਲੇ ਇਕ-ਦੂਜੇ ਨੂੰ. ਜੇ ਇਹ ਮਾਤਾ ਤੱਤ ਹੈ ਕਾਫ਼ੀ ਸਪੇਸ ਹੈ, ਜੋ ਕਿ ਇਸ ਲਈ ਇਸ ਨੂੰ ਕਰ ਸਕਦਾ ਅਨੁਕੂਲਣ ਦੇ ਦੋ ਬੱਚੇ ਅੰਦਰ, ਇਹ ਟੱਕਰ ਨਾ ਕਰਦਾ ਹੈ ਵਾਪਰ ਹੈ, ਪਰ ਜੇ ਨਾ, ਇਹ ਲਾਗੂ ਦੇ ਇੱਕ ਇਕਾਈ ਨੂੰ ਇੱਕ ਹੋਰ ਹੀ ਅਟੱਲ. ਇਹ ਫਲੋਟ CSS ਦੇ ਹੋਣ ਦੇ ਸਮਝ ਲਈ ਨੂੰ ਯਾਦ ਕਰਨ ਲਈ ਬਹੁਤ ਹੀ ਮਹੱਤਵਪੂਰਨ ਹੈ.

ਆਸਮਾਨ ਫੰਕਸ਼ਨ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ

ਸਾਨੂੰ ਫਲੋਟ ਇੱਕ ਦਿਲ ਨੂੰ ਹਰ ਫੀਚਰ - ਸਾਫ਼ ਕਰੋ. ਮਿਲ ਕੇ ਉਹ - ਪਾਣੀ ਨਾ ਡੁੱਲ੍ਹਿਆ ਹੈ. ਇਹ ਫੀਚਰ ਦੀ ਦੋਨੋ ਇੱਕ ਦੂਜੇ ਦੇ ਪੂਰਕ ਹਨ ਅਤੇ ਡਿਵੈਲਪਰ ਖੁਸ਼ ਕਰਨ. ਉਪਰੋਕਤ ਜ਼ਿਕਰ ਹੋਣ ਦੇ ਨਾਤੇ, ਲਾਗਲੇ ਸੈੱਲ ਨੂੰ ਆਪਣੇ ਆਮ ਕੋਰਸ ਦੇ ਬਾਹਰ ਜਾਣ ਦੀ ਹੈ ਅਤੇ ਇਹ ਵੀ ਤੱਤ ਹੈ, ਜੋ ਕਿ ਸੰਪਤੀ ਫਲੋਟ ਵਰਤਿਆ ਗਿਆ ਹੈ (ਉਦਾਹਰਨ ਲਈ, CSS ਫਲੋਟ ਸਿਖਰ) ਦੇ ਤੌਰ ਤੇ "ਫਲੋਟ" ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ. ਹੋਣ ਦੇ ਨਾਤੇ ਇਸ ਦੇ ਨਤੀਜੇ ਦੇ, ਦੀ ਬਜਾਏ ਇੱਕ ਫਲੋਟਿੰਗ ਤੱਤ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ ਦੋ, ਅਤੇ ਨਾ ਇਹ ਜਗ੍ਹਾ ਹੈ, ਜਿੱਥੇ ਉਹ ਦਾ ਮਕਸਦ ਦਾ ਪ੍ਰਬੰਧ The ਡਿਵੈਲਪਰ. ਜੋ ਕਿ ਪਲ ਤੱਕ, ਸਿਰਫ ਸਭ ਸਮੱਸਿਆ ਸ਼ੁਰੂ ਹੋ ਰਿਹਾ ਹੈ.

ਆਸਮਾਨ 'ਤੇ ਫੰਕਸ਼ਨ ਪੰਜ ਮੁੱਲ ਹਨ:

• : ਖੱਬੇ;
• : ਸੱਜੇ;
• : ਦੋਨੋ;
• : ਵਾਰਸ;
• ਕਿਸੇ ਨੂੰ ਨਾ ਚੁਣੋ;

ਉਦਾਹਰਣ ਲਈ, ਸਾਨੂੰ ਸਮਝ ਸਕਦਾ ਹੈ, ਜਦ ਇਸ ਨੂੰ ਵਧੀਆ ਹੈ ਆਸਮਾਨ ਫੰਕਸ਼ਨ ਨੂੰ ਵਰਤਣ ਲਈ. ਜੇ ਸਾਡੇ ਕੋਲ ਲਿਖਤੀ ਇੱਕ ਲਾਈਨ ਵਿੱਚ ਇਹ ਕੋਡ ਫਲੋਟ: ਸੱਜੇ; (CSS-ਕੋਡ ਮਤਲਬ ਹੈ), ਫੰਕਸ਼ਨ ਸਾਫ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ: ਸੱਜੇ ;. ਬੱਲੇ ਅਤੇ ਉਸੇ ਦਾ ਦਰਜਾ ਫਲੋਟ: ਛੱਡ ਦਿੱਤਾ; ਇਸ ਨੂੰ ਸਾਫ ਦੇਣ ਜਾਵੇਗਾ: ਖੱਬੇ; . ਜਦ ਆਸਮਾਨ ਕੋਡ ਲਿਖ: ਦੋਨੋ; ਇਸ ਨੂੰ ਬਾਹਰ ਕਾਮੁਕ ਹੈ ਕਿ ਤੱਤ ਹੈ, ਜੋ ਕਿ ਇਸ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਗਿਆ ਹੈ, ਇਸ ਫੀਚਰ ਨੂੰ ਤੱਤ, ਜਿਸ ਲਈ ਫਲੋਟ ਫੰਕਸ਼ਨ ਲਾਗੂ ਕੀਤਾ ਹੇਠ ਹੋ ਜਾਵੇਗਾ. ਵਾਰਸ ਮਾਤਾ ਤੱਤ ਤੱਕ ਸੈਟਿੰਗ ਲੱਗਦਾ ਹੈ, ਪਰ ਕੋਈ ਵੀ ਸਾਈਟ ਦੀ ਬਣਤਰ ਵਿੱਚ ਕੋਈ ਤਬਦੀਲੀ ਨਹੀ ਹੈ. и CSS Float-код, который сделает ваш веб-сайт единственным в своем роде. ਤੁਹਾਨੂੰ ਇਹ ਸਮਝ ਵੀ ਜੇਕਰ ਫਲੋਟ ਅਤੇ ਫੰਕਸ਼ਨ ਸਾਫ, ਤੁਹਾਨੂੰ ਇੱਕ ਵਿਲੱਖਣ ਅਤੇ ਅਸਾਧਾਰਨ ਅਤੇ CSS ਫਲੋਟ-ਕੋਡ ਹੈ, ਜੋ ਕਿ ਆਪਣੇ ਵੈੱਬਸਾਈਟ 'ਆਪਣੀ ਕਿਸਮ ਦਾ ਵਿਲੱਖਣ ਬਣਾ ਦੇਵੇਗਾ ਲਿਖ ਸਕਦਾ ਹੈ.

ਫਲੋਟ ਦਾ ਇਸਤੇਮਾਲ ਕਾਲਮ ਬਣਾਉਣ ਲਈ

ਜਦ ਸਾਈਟ (ਜ ਵੈੱਬ ਸਫ਼ੇ ਦੇ ਵਿੱਚਕਾਰ ਵਿੱਚ CSS ਫਲੋਟ ਸਮੱਗਰੀ ਨੂੰ ਦੀ ਸਥਿਤੀ ਦੇ) 'ਤੇ ਕਾਲਮ ਬਣਾਉਣ ਖਾਸ ਤੌਰ' ਤੇ ਲਾਭਦਾਇਕ ਫੀਚਰ ਨੂੰ ਫਲੋਟ. ਇਹ ਇਸ ਕੋਡ ਨੂੰ ਸਭ ਅਮਲੀ ਅਤੇ ਸੁਵਿਧਾਜਨਕ ਹੈ, ਇਸ ਲਈ ਤੁਹਾਨੂੰ ਦੋ ਕਾਲਮ ਰੱਖਦਾ ਆਮ ਸਾਈਟ ਟੈਪਲੇਟ ਬਣਾਉਣ ਲਈ ਕਈ ਵਿਕਲਪ 'ਤੇ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਮਿਸਾਲ ਲਈ, ਦਾ ਹੱਕ, ਸਿਰਲੇਖ ਅਤੇ ਪਦਲੇਖ ਨੂੰ ਖੱਬੀ ਪੱਟੀ (ਨੇਵੀਗੇਸ਼ਨ ਪੱਟੀ) 'ਤੇ ਸਮੱਗਰੀ ਦੇ ਨਾਲ ਇੱਕ ਮਿਆਰੀ ਵੈਬਸਾਈਟ' ਲੈ. ਕੋਡ ਇਸ ਨੂੰ ਦਿਸਦਾ ਹੈ:

ਹੁਣ ਸਾਨੂੰ ਲੋੜ ਨੂੰ ਸਮਝਣ ਕੀ ਹੈ ਲਿਖਤੀ ਇੱਥੇ. ਮਾਤਾ ਤੱਤ ਹੈ, ਜਿਸ ਵਿੱਚ HTML-ਕੋਡ ਦਾ ਮੁੱਖ ਹਿੱਸਾ ਹੈ ਇੱਕ ਕੰਟੇਨਰ (ਕੰਟੇਨਰ) ਕਿਹਾ ਗਿਆ ਹੈ. ਇਹ ਤੁਹਾਨੂੰ ਤੱਤ ਹਨ, ਜੋ ਵੱਖ ਵੱਖ ਦਿਸ਼ਾ ਵਿੱਚ ਖਿੰਡਾ ਨੂੰ ਫਲੋਟ ਫੰਕਸ਼ਨ ਲਾਗੂ ਕੀਤਾ ਗਿਆ ਹੈ ਨੂੰ ਰੋਕਣ ਲਈ ਸਹਾਇਕ ਹੈ. ਜੇਕਰ ਇਸ ਨੂੰ ਨਾ ਸੀ, ਫਿਰ ਇਹ ਤੱਤ ਬਰਾਊਜ਼ਰ ਦੀ ਸੀਮਾ ਤੱਕ ਦਾ ਗਠਨ ਕੀਤਾ ਹੈ.

ਫਿਰ, ਵਿੱਚ The ਕੋਡ ਅਤੇ ਜਾਓ #content #navigation. ਇਹ ਤੱਤ ਫਲੋਟ ਫੰਕਸ਼ਨ ਲਈ ਵਰਤਿਆ ਜਾਦਾ ਹੈ. ਖੱਬੇ ਕਰਨ ਲਈ ਅਤੇ ਸਹੀ ਕਰਨ ਲਈ ਭੇਜਿਆ #content #navigation ਹੈ. ਇਹ ਦੋ ਕਾਲਮ ਦੇ ਨਾਲ ਇੱਕ ਸਾਈਟ ਬਣਾਉਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ. ਹੋ ਇਹ ਯਕੀਨੀ ਕਰਨ ਲਈ ਦਿਓ The ਚੌੜਾਈ, ਜੋ ਕਿ ਇਸ ਲਈ ਇਹ ਆਬਜੈਕਟ ਨਾ ਢਕਣ ਇਕ-ਦੂਜੇ ਨੂੰ. ਤੁਹਾਨੂੰ ਚੌੜਾਈ ਅਤੇ ਪ੍ਰਤੀਸ਼ਤਤਾ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰ ਸਕਦੇ ਹੋ. ਇਸ ਲਈ ਹੋਰ ਵੀ ਆਰਾਮਦਾਇਕ ਪਿਕਸਲ ਵਿੱਚ ਹੈ. ਲਈ ਉਦਾਹਰਨ ਲਈ, 45% ਨੂੰ 45% ਅਤੇ #content ਲਈ #navigation ਹੈ, ਅਤੇ ਇਹ ਬਾਕੀ 10% ਨੂੰ ਦੇਣ ਸੰਪਤੀ ਫਰਕ.

ਜਾਇਦਾਦ ਦੇ ਸਾਫ ਹੈ, ਜੋ ਕਿ ਹੈ #footer, ਕੀ ਹੈ, ਨਾ ਫਾਲੋ ਫੁੱਟਰ #navigation ਅਤੇ #content ਹੈ, ਪਰ ਪੱਤੇ ਇਸ ਨੂੰ ਕਰਨ ਲਈ ਇਹ ਵੀ ਉਸੇ ਜਗ੍ਹਾ ਹੈ, ਜਿੱਥੇ ਉਹ ਸੀ. ਕੀ ਹੋ ਸਕਦਾ ਹੈ? ਤੁਹਾਨੂੰ ਸਾਫ ਸੰਪਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਨਾ ਕਰੋ, ਜੇ? ਇਸ ਕੋਡ ਨੂੰ #footer ਨੂੰ ਸਿਰਫ਼ ਜਾਓ ਅਤੇ ਅਤੇ ਇੱਛਾ ਦੇ ਤਹਿਤ #navigation. ਇਹ ਤੱਥ ਹੈ ਕਿ #navigation ਕਾਫ਼ੀ ਸਪੇਸ ਹੋਰ ਵੱਧ ਇੱਕ ਤੱਤ ਦੇ ਅਨੁਕੂਲਣ ਲਈ ਕਾਰਨ ਹੁੰਦਾ ਹੈ. ਇਸ ਸਮਝਾਉਣ ਉਦਾਹਰਨ ਵਿੱਚ ਇਸ ਨੂੰ ਆਸਮਾਨ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਫਲੋਟ ਅਤੇ ਇਕ-ਦੂਜੇ ਨੂੰ ਦੇਣ ਨੂੰ ਸਪਸ਼ਟ ਦਿਸਦੀ ਹੈ.

ਮਾੜੇ ਤੁਹਾਨੂੰ ਆ ਸਕਦਾ ਹੈ, ਜਦ ਕਿ ਕੋਡ ਲਿਖਣ

ਉੱਪਰਲੀ ਉਦਾਹਰਨ ਸਧਾਰਨ ਹਨ. ਪਰ ਉਸ ਨਾਲ ਸਮੱਸਿਆ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ. ਆਮ ਤੌਰ 'ਤੇ, ਅਸਲ ਵਿਚ, ਅਚਾਨਕ ਸਮੱਸਿਆ ਦਾ ਇੱਕ ਬਹੁਤ ਫੰਕਸ਼ਨ ਫਲੋਟ ਹੋ ਸਕਦਾ ਹੈ. ਕੋਈ ਗੱਲ ਕਿਸ ਅਜੀਬ ਹੈ, ਪਰ ਸਮੱਸਿਆ ਆਮ ਤੌਰ 'ਤੇ CSS ਨਾਲ ਵਾਪਰ ਨਾ ਕਰੋ, ਅਤੇ ਇੱਕ HTML-ਕੋਡ. ਜਿੱਥੇ ਇੱਕ HTML-ਕੋਡ ਵਿੱਚ ਫਲੋਟ ਫੰਕਸ਼ਨ ਨਾਲ ਤੱਤ ਨੂੰ ਸਿੱਧੇ ਫਾਈਨਲ ਦਾ ਕੰਮ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ ਦੀ ਸਥਿਤੀ. ਸਥਿਤੀ ਤੱਤ ਪਹਿਲੇ ਕੋਡ ਦੀ ਫੰਕਸ਼ਨ ਫਲੋਟ - ਕ੍ਰਮ ਨੂੰ ਮੁਸ਼ਕਲ ਦੇ ਵੱਖ-ਵੱਖ ਕਿਸਮ ਦੇ ਬਚਣ ਲਈ, ਇਸ ਨੂੰ ਸਧਾਰਨ ਨਿਯਮ ਨੂੰ ਰਹਿਣ ਲਈ ਵਧੀਆ ਹੈ. ਲਗਭਗ ਹਮੇਸ਼ਾ ਇਸ ਨੂੰ ਕੰਮ ਕਰਦਾ ਹੈ, ਅਤੇ ਆਪਣੇ ਅਚਾਨਕ ਵਿਵਹਾਰ ਨੂੰ ਘੱਟ ਕਰਨ ਲਈ.

ਤੱਤ ਦੇ ਟਕਰਾਅ

ਟੱਕਰ ਵਾਪਰਦਾ ਹੈ ਜਦ ਮਾਤਾ ਤੱਤ ਸਭ ਦੇ ਅਨੁਕੂਲਣ ਨਾ ਕਰ ਸਕਦਾ ਹੈ ਕਿ ਕਈ ਬੱਚੇ ਸ਼ਾਮਿਲ ਹਨ, ਅਤੇ ਉਹ ਇਕ-ਦੂਜੇ ਉੱਤੇ. ਇਸ ਨੂੰ ਵੀ ਹੁੰਦਾ ਹੈ, ਜੋ ਕਿ ਇਕਾਈ ਵਿਖਾਈ ਨਾ ਹੋ ਸਕਦਾ ਹੈ, ਅਤੇ ਸਾਈਟ ਦੀ ਅਲੋਪ. ਇਹ ਇੱਕ ਬੱਗ ਬਰਾਊਜ਼ਰ ਨਹੀ ਹੈ, ਅਤੇ ਇਸ ਨੂੰ ਉਮੀਦ ਹੈ ਅਤੇ ਫਲੋਟ ਫੰਕਸ਼ਨ ਦੇ ਨਾਲ ਤੱਤ ਦੀ ਸਹੀ ਰਵੱਈਆ ਹੈ.

ਤੱਥ ਇਹ ਹੈ ਕਿ ਇਹ ਤੱਤ ਆਮ ਕੋਰਸ ਵਿੱਚ ਸ਼ੁਰੂ ਵਿੱਚ ਹਨ, ਅਤੇ ਫਿਰ ਇਸ ਨੂੰ ਵੰਡਿਆ ਹੋਇਆ ਹੈ, ਫਲੋਟ ਸੰਪਤੀ ਬਰਾਊਜ਼ਰ ਸਾਈਟ ਤੱਕ ਨੂੰ ਹਟਾ ਸਕਦੇ ਹੋ ਦੇ ਕਾਰਨ. ਪਰ ਨਿਰਾਸ਼ ਨਾ ਕਰਦੇ, ਕਿਉਕਿ ਦਾ ਹੱਲ ਸਧਾਰਨ ਅਤੇ ਸਾਫ ਹੁੰਦਾ ਹੈ - Cear ਸੰਪਤੀ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ. ਇਹ ਸੰਭਵ ਹੈ ਕਿ ਇਸ ਸਮੱਸਿਆ ਦੇ ਬਾਹਰ ਤਰੀਕੇ ਦੇ ਸਭ, ਜੋ ਕਿ, ਆਸਮਾਨ ਵਰਤਣ ਦੀ ਸਭ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੈ.

ਪਰ ਵੈੱਬ ਸਫ਼ੇ ਤੱਤ ਦੀ ਟੱਕਰ ਦੀ ਸਮੱਸਿਆ ਹੋਰ ਤਰੀਕੇ ਨਾਲ ਹੱਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਇੱਥੇ ਘੱਟੋ-ਘੱਟ ਦੋ ਤਰੀਕੇ ਹਨ:

• ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋ ਦੀ ਸਥਿਤੀ;
• ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ Flexbox.

ਦਰਜਾ ਫੰਕਸ਼ਨ ਅਕਸਰ CSS ਫਲੋਟ ਕਰਨ ਲਈ ਇੱਕ ਚੰਗਾ ਬਦਲ ਹੈ. ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਦਰਜਾ ਦੇ ਮਾਮਲੇ ਵਿੱਚ ਵੈੱਬ ਸਫ਼ੇ ਦੇ Center ਵਿੱਚ ਚਿੱਤਰ ਦੀ ਸਥਿਤੀ ਵਧੀਆ ਹੈ. ਜੇ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕੀਤਾ ਮੁੱਲ: ਅਸਲੀ ਅਤੇ: ਰਿਸ਼ਤੇਦਾਰ, ਤੱਤ ਦੀ ਜਗ੍ਹਾ ਵਿੱਚ ਡਿੱਗ ਪਵੇ, ਅਤੇ ਇਕ-ਦੂਜੇ ਨੂੰ ਮੇਲ਼ ਨਾ ਕਰੇਗਾ.

ਦਰਜਾ ਵਿਸ਼ਲੇਸ਼ਣ ਅਤੇ ਫਲੋਟ ਫੰਕਸ਼ਨ ਕੋਡ

и CSS Float заменить на Position. ਇਹ HTML ਵਿੱਚ ਤਰੀਕੇ ਨਾਲ ਅਤੇ CSS ਫਲੋਟ ਦਰਜਾ ਨਾਲ ਤਬਦੀਲ ਨਾਲ ਹੋਰ ਪੇਸ਼ ਆਉਣਾ ਚਾਹੀਦਾ ਹੈ. ਅਸਲ ਵਿਚ ਇਸ ਨੂੰ ਬਹੁਤ ਹੀ ਸਧਾਰਨ ਹੈ. ਦੇ ਦਾ ਕਹਿਣਾ ਹੈ ਕਿ ਇੱਕ ਤੱਤ #container ਅਤੇ #div ਹੁੰਦਾ ਹੈ ਕਰੀਏ.

#container {

ਚੌੜਾਈ: 40%;

ਫਲੋਟ: ਖੱਬੇ;

ਫਰਕ: 10px;

}

#div {

ਚੌੜਾਈ: 40%;

ਫਲੋਟ: ਸੱਜੇ;

ਫਰਕ: 10px;

}

#footer {

ਸਾਫ: ਦੋਨੋ;

}

ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਦੂਜਾ ਦੇ ਕੰਟੇਨਰ ਵਿੱਚ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋ (CSS Div) ਫਲੋਟ ਦੋ ਕਾਲਮ ਦੇ ਇੱਕ ਮਿਆਰੀ ਸਾਈਟ ਬਣਾਉਣ ਲਈ ਮਦਦ ਕਰੇਗਾ. ਕਦੇ ਆਸਮਾਨ ਫੰਕਸ਼ਨ ਭੁੱਲੋ. ਬਗੈਰ ਇਸ ਨੂੰ ਸਿਰਫ ਇਕ-ਦੂਜੇ ਨੂੰ ਦੇ ਸਿਖਰ 'ਤੇ ਤੱਤ ਨੂੰ ਢੱਕ ਦੇਵੇਗਾ.

ਇਸ ਲਈ ਜੇਕਰ ਤੁਹਾਨੂੰ CSS ਨੂੰ ਬਦਲਣ ਅਤੇ ਹਿਲਜੁਲ ਨੂੰ ਵਰਤਣ ਲਈ ਕੋਡ ਫਲੋਟ ਕਰਦੇ ਹਨ? ਬਹੁਤ ਸਧਾਰਨ:

#container {

ਚੌੜਾਈ: 40%;

ਸਥਿਤੀ: ਰਿਸ਼ਤੇਦਾਰ;

ਫਰਕ: 10px;

}

#div {

ਚੌੜਾਈ: 40%;

ਸਥਿਤੀ: ਰਿਸ਼ਤੇਦਾਰ;

ਫਰਕ: 10px;

}

ਇਸ ਮਾਮਲੇ '#container #div ਵਿਚ ਹੈ ਅਤੇ ਮਾਤਾ ਤੱਤ ਵਿੱਚ ਡਿਵੈਲਪਰ ਦੀ ਲੋੜ ਦੀ ਸਥਿਤੀ ਨੂੰ ਲੈ. ਮੁੱਖ ਗੱਲ ਇਹ ਹੈ? #div ਪਾ ਦਿੱਤਾ ਹੈ ਅਤੇ ਇੱਕ ਮਾਤਾ ਤੱਤ ਹੈ, ਜੋ ਕਿ ਆਪਣੇ ਆਕਾਰ ਦੇ ਅਨੁਸਾਰੀ ਹੋਵੇਗਾ #container.

Flexbox - ਇਸ ਫੰਕਸ਼ਨ CSS ਫਲੋਟ ਤਬਦੀਲ ਕਰ ਦਿੱਤਾ ਜਾਵੇਗਾ?

Flexbox - ਪਲ 'ਤੇ ਵੈੱਬਸਾਈਟ ਨੂੰ ਬਣਾਉਣ ਲਈ ਸਭ ਤਕਨੀਕੀ ਢੰਗ ਹੈ ਹੈ, ਇਸ ਲਈ ਇਸ ਫੰਕਸ਼ਨ ਬਰਾਊਜ਼ਰ ਦੇ ਪੁਰਾਣੇ ਵਰਜਨ ਸਹਿਯੋਗ ਨਹੀ ਹੈ. ਇਹ ਤੱਥ ਬਰਾਊਜ਼ਰ ਦੇ ਪੁਰਾਣੇ ਵਰਜਨ ਨਾਲ ਯੂਜ਼ਰ ਲਈ, ਨੂੰ ਛੋਟ ਨਹੀ ਕੀਤਾ ਜਾ ਸਾਈਟ ਦੀ ਸਹੀ ਨੂੰ ਵਰਜਨ ਵੇਖਣ ਦੇ ਯੋਗ ਨਹੀ ਹੋ.

Flexbox ਨਹੀ ਹੈ ਜੋ ਕਿ ਸੰਪਤੀ ਦੇ ਤੌਰ ਤੇ, ਇੱਕ ਵੱਖਰਾ ਮੋਡੀਊਲ. ਇਸ ਲਈ flexbox ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ, ਜੋ ਕਿ ਸਿਰਫ ਉਸ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀ ਇੱਕ ਨੰਬਰ ਨੂੰ ਸਹਿਯੋਗ ਦਿੰਦਾ ਹੈ. ਇਲਾਵਾ, ਡਿਸਪਲੇਅ ਫੰਕਸ਼ਨ ਹੈ, ਜੋ ਕਿ ਤਿੰਨ ਪੈਰਾਮੀਟਰ ਇਨਲਾਈਨ, ਬਲਾਕ ਅਤੇ ਇਨਲਾਈਨ-ਬਲਾਕ ਵਿਚ flexbox ਹੁੰਦਾ ਹੈ, ਸਿਰਫ ਇੱਕ ਹੀ Flex-ਪ੍ਰਵਾਹ.

ਕਿਸ Flexbox ਕਰਦਾ ਹੈ?

ਇਹ ਤਕਨਾਲੋਜੀ ਡਿਵੈਲਪਰ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਤੱਤ ਖਿਤਿਜੀ ਹੈ ਅਤੇ ਵਰਟੀਕਲ ਇਕਸਾਰ ਕਰਨ ਲਈ ਮਦਦ ਕਰਦਾ ਹੈ. Flexbox ਵੀ ਕਰ ਸਕਦੇ ਹੋ ਤਬਦੀਲੀ ਇਹ ਦਿਸ਼ਾ ਅਤੇ ਇਹ ਆਦੇਸ਼ ਦੀ ਡਿਸਪਲੇਅ ਤੱਤ. ਮੁੱਖ ਧੁਰਾ ਹੈ ਅਤੇ ਕਰਾਸ ਧੁਰਾ ਹੈ, ਜੋ ਕਿ ਆਲੇ-ਦੁਆਲੇ ਦੇ ਸਾਰੀ Flexbox ਬਣਾਇਆ ਗਿਆ ਹੈ: ਇਸ ਤਕਨਾਲੋਜੀ ਵਿੱਚ, ਦੋ ਕੁਹਾੜੇ ਹਨ. ਇਸ ਵਿਚ ਇਹ ਵੀ ਪ੍ਰਭਾਵ ਫਲੋਟ ਅਤੇ ਫੰਕਸ਼ਨ ਆਸਮਾਨ ਨੂੰ ਹਟਾ. ਉਹ ਕੋਡ ਹੈ, ਜੋ ਕਿ ਉਸ ਦੀ ਜਾਇਦਾਦ ਨੂੰ ਇੱਕ ਵਿਲੱਖਣ ਵਰਤਦਾ ਹੈ ਵਿੱਚ ਉਸ ਦੇ ਸਿਸਟਮ ਨੂੰ ਬਣਾਉਦਾ ਹੈ, ਇਸ ਲਈ, ਬਦਕਿਸਮਤੀ ਨਾਲ, ਨਾ ਕਿ ਸੈੱਲ ਵਿਚ ਦੁਹਰਾਉਣ ਲਈ ਯੋਗ ਹੋ ਅਜਿਹੇ ਫਲੋਟ ਅਤੇ ਦਰਜਾ ਦੇ ਤੌਰ ਤੇ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾ. ਅਤੇ ਇਸ ਨੂੰ ਜਾਣਗੇ ਬਹੁਤ ਹੀ ਸੌਖਾ ਹੈ, ਕਿਉਕਿ, ਦੇ ਤੌਰ ਤੇ ਜ਼ਿਕਰ ਉਪਰ, Flexbox ਸਿਰਫ ਕੰਮ ਵਿਚ ਨਵ ਵਰਜਨ ਦੇ ਬਰਾਊਜ਼ਰ.

ਇਹ ਅੰਤ ਦਰਜਾ, Flexbox ਫਲੋਟ ਵਿੱਚ ਨੂੰ ਯਾਦ ਹੈ, ਜੋ ਕਿ ਹੈ ਅਤੇ ਇਸੇ ਗੱਲ ਨੂੰ ਕੀ ਕਰ ਦੀ ਕੀਮਤ ਹੈ, - ਤੁਹਾਡੇ ਸਾਈਟ ਦੀ ਇੱਕ ਅਜੀਬ ਹੈ ਅਤੇ ਅਸਲੀ ਡਿਜ਼ਾਇਨ ਬਣਾਉਣ. ਹਰੇਕ ਵਰਜਨ ਦੇ ਇਹ ਚਰਚਾ ਕੀਤੀ ਵਿਚ ਇਹ ਲੇਖ ਕੀ ਇਸ ਵਿੱਚ ਉਸ ਦੇ ਆਪਣੇ ਹੀ ਤਰੀਕੇ ਨਾਲ ਅਤੇ, ਇਸ ਲਈ, ਕੀਤਾ ਹੈ ਦੋਨੋ ਫ਼ਾਇਦੇ ਅਤੇ ਨੁਕਸਾਨ. ਇਸ ਦੇ ਨਾਲ, ਇਸ ਨੂੰ ਹੈ, ਜੋ ਕਿ ਕਿਤੇ ਸੰਪੂਰਣ ਫਲੋਟ ਫੰਕਸ਼ਨ (ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਸਧਾਰਨ ਬਣਤਰ ਦੇ ਨਾਲ ਸਾਈਟ 'ਤੇ) ਹੈ, ਪਰ ਕਿਤੇ ਬਿਹਤਰ ਦਰਜਾ ਜ Flexbox ਵਰਤਣ ਲਈ ਹੁੰਦਾ ਹੈ.

ਡਬਲ ਅੰਤਰ ਬੱਗ

ਪਰ, ਕਈ ਵਾਰ, ਬਦਕਿਸਮਤੀ ਨਾਲ, ਹਰ ਡਿਵੈਲਪਰ ਸਮੱਸਿਆ ਹੈ, ਨਾ ਲਿਖਿਆ ਕੋਡ ਹੈ, ਪਰ ਬਰਾਊਜ਼ਰ ਦੇ ਕਿਸੇ ਵੀ ਖਾਸ ਰੂਪ ਵਿੱਚ ਬੱਗ ਦੇ ਨਾਲ ਪੈਦਾ ਹੁੰਦੇ ਹਨ. ਉਦਾਹਰਣ ਲਈ, ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਵਿੱਚ, ਉੱਥੇ ਇੱਕ ਬੱਗ ਹੈ, ਜੋ ਕਿ ਦੋ ਵਾਰ ਅੰਤਰ ਬੱਗ ਕਿਹਾ ਗਿਆ ਹੈ. ਉਸ ਨੇ ਦੋ ਅੰਤਰ ਪੈਰਾਮੀਟਰ ਦਿੰਦਾ ਹੈ, ਬਰਾਊਜ਼ਰ ਨੂੰ ਸਰਹੱਦ ਦੇ ਸਾਈਟ ਦੇ ਤੱਤ ਦੇ ਉਜਾੜੇ ਦੇ ਨਤੀਜੇ. ਇਸ ਨੂੰ ਬਚਣ ਲਈ, ਇਸ ਨੂੰ ਪੈਰਾਮੀਟਰ ਅੰਤਰ ਪ੍ਰਤੀਸ਼ਤ ਨੂੰ ਵੇਖਾਉਣ ਲਈ ਕਾਫੀ ਹੈ. ਆਮ ਤੌਰ 'ਤੇ ਇਸ ਬੱਗ ਹੁੰਦਾ ਹੈ, ਜਦ y ਅਤੇ ਦਰਜਾ ਅੰਤਰ ਫਲੋਟ ਬਿੰਦੂ ਦੇ ਮੁੱਲ.

#div {

ਫਲੋਟ: ਖੱਬੇ;

ਹਾਸ਼ੀਆ-ਖੱਬੇ: 10px;

}

ਇਹ ਕੋਡ ਨੂੰ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 20 px ਖੱਬੇ ਵਿੱਚ ਤੱਤ ਤਬਦੀਲ ਕੀਤਾ ਜਾਵੇਗਾ. ਹੇਠ ਤੁਹਾਨੂੰ ਕੋਡ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹਨ:

#div {

ਫਲੋਟ: ਖੱਬੇ;

ਹਾਸ਼ੀਆ-ਖੱਬੇ: 10%;

}

ਜ ਇਸ

#div {

ਫਲੋਟ: ਖੱਬੇ;

ਹਾਸ਼ੀਆ-ਸੱਜਾ: 10px;

}

ਇਸ ਚੋਣ ਦੇ ਦੋਨੋ ਉਜਾੜਾ ਤੱਤ ਦੀ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕੀਤਾ ਜਾਵੇਗਾ.

ਬੱਗ ਬਰਾਊਜ਼ਰ ਅਤੇ ਗਲਤ ਡਿਸਪਲੇਅ ਸਾਈਟ

ਸਿਰਫ ਬਰਾਊਜ਼ਰ ਹੈ, ਜੋ ਕਿ ਬੱਗ ਵਾਪਰ ਸਕਦਾ ਹੈ, ਨਾ ਹੈ - ਇਸ ਨੂੰ ਯਾਦ ਕਰਨ ਲਈ ਹੈ, ਜੋ ਕਿ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ ਦੀ ਕੀਮਤ ਹੈ. ਪੁਰਾਣੇ ਵਰਜਨ ਦੇ ਗੂਗਲ ਕਰੋਮ ਅਤੇ ਮੋਜ਼ੀਲਾ ਨੂੰ ਵੀ ਗਲਤ ਤਰੀਕੇ ਨਾਲ ਡਿਸਪਲੇਅ ਕੁਝ ਤੱਤ ਦੇ ਆਧੁਨਿਕ ਵੈੱਬਸਾਈਟ. ਇਹ ਫਿਕਸ ਦੇ ਹਰ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਹੱਲ ਹੈ ਪਤਾ ਕਰ ਸਕਦੇ ਹੋ. ਆਮ ਤੌਰ ਤੇ, ਸਾਨੂੰ ਯਾਦ ਰੱਖੋ ਕਿ ਫਲੋਟ ਦੀ ਵਰਤੋ ਇੱਕ ਅਸਲੀ ਅਤੇ ਆਕਰਸ਼ਕ ਦੀ ਵੈੱਬਸਾਈਟ ਡਿਜ਼ਾਇਨ ਬਣਾਉਣ ਲਈ ਕਰੇਗਾ. ਬੁਨਿਆਦ ਹੈ ਅਤੇ ਇਸ ਸੰਪਤੀ ਨੂੰ ਦੇ ਅਸੂਲ ਨੂੰ ਸਮਝਣਾ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ, ਗਲਤੀ ਬਚਣ ਅਤੇ ਜ਼ਿੰਦਗੀ ਨੂੰ ਕਿਸੇ ਵੀ ਡਿਵੈਲਪਰ ਲਈ ਆਸਾਨ ਬਣਾਉਣ.