ಸ್ಪಷ್ಟ ಸಿಎಸ್ಎಸ್ ಆಸ್ತಿ CSS1 ರಿಂದ ಸಿಎಸ್ಎಸ್ ಭಾಗವಾಗಿದೆ. ತೆರವುಗೊಳಿಸಿದ ಅಂಶದ ಪಕ್ಕದಲ್ಲಿ ಯಾವ ಅಂಶಗಳು ತೇಲಾಡುವುದು ಮತ್ತು ಯಾವ ಭಾಗದಲ್ಲಿ (ಗಳು) ಯಾವ ಅಂಶಗಳು ಎಂಬುದನ್ನು ಇದು ನಿಮಗೆ ತಿಳಿಸುತ್ತದೆ. ಸ್ಪಷ್ಟ ಆಸ್ತಿ ಐದು ಸಂಭವನೀಯ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿದೆ:
- ಯಾವುದೂ
- ಎಡಕ್ಕೆ
- ಸರಿ
- ಎರಡೂ
- ಆನುವಂಶಿಕವಾಗಿ
ಸಿಎಸ್ಎಸ್ ಸ್ಪಷ್ಟ ಆಸ್ತಿ ಬಳಸಿ ಹೇಗೆ
ನೀವು ಅಂಶದ ಮೇಲೆ ಫ್ಲೋಟ್ ಆಸ್ತಿ ಬಳಸಿದ ನಂತರ ಸ್ಪಷ್ಟ ಆಸ್ತಿಯನ್ನು ಬಳಸುವುದು ಸಾಮಾನ್ಯ ಮಾರ್ಗವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ:
ನನ್ನ ಚಿತ್ರದ ಮುಂದೆ ಪಠ್ಯ.
ನನ್ನ ಚಿತ್ರದ ಕೆಳಗೆ ಇರುವ ಪಠ್ಯ.
ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ತೆರವುಗೊಳಿಸಲು ಡೀಫಾಲ್ಟ್: ಯಾವುದೂ ಇಲ್ಲ; , ಹಾಗಾಗಿ ನೀವು ಇತರ ಅಂಶಗಳನ್ನು ಏನಾದರೂ ಪಕ್ಕದಲ್ಲಿ ತೇಲುವಂತೆ ಬಯಸದಿದ್ದರೆ, ನೀವು ಸ್ಪಷ್ಟವಾದ ಶೈಲಿಯನ್ನು ಬದಲಾಯಿಸಬೇಕು.
ನೀವು ಫ್ಲೋಟ್ಗಳನ್ನು ತೆರವುಗೊಳಿಸುವಾಗ, ನಿಮ್ಮ ಫ್ಲೋಟ್ಗೆ ನಿಮ್ಮ ಸ್ಪಷ್ಟತೆಯನ್ನು ಹೊಂದುತ್ತೀರಿ. ಆದ್ದರಿಂದ ನೀವು ಅಂಶವನ್ನು ಎಡಭಾಗಕ್ಕೆ ತೇಲುತ್ತಿದ್ದರೆ, ನೀವು ಎಡಕ್ಕೆ ತೆರವುಗೊಳಿಸಬೇಕು. ನಿಮ್ಮ ತೇಲುವ ಅಂಶವು ಫ್ಲೋಟ್ ಆಗಲು ಮುಂದುವರಿಯುತ್ತದೆ, ಆದರೆ ವೆಬ್ ಪುಟದಲ್ಲಿ ಅದರ ಕೆಳಗೆ ಕಾಣಿಸಿದ ತೆರವುಗೊಳಿಸಿದ ಅಂಶ ಮತ್ತು ಎಲ್ಲವೂ ಕಾಣಿಸುತ್ತದೆ.
ಬಲ ಮತ್ತು ಎಡ ಎರಡೂ ಕಡೆಗೆ ತೇಲುವ ಅಂಶಗಳನ್ನು ನೀವು ಹೊಂದಿದ್ದರೆ, ನೀವು ಕೇವಲ ಒಂದು ಕಡೆ ತೆರವುಗೊಳಿಸಬಹುದು ಅಥವಾ ನೀವು ಎರಡನ್ನೂ ತೆರವುಗೊಳಿಸಬಹುದು.
ಲೇಔಟ್ಗಳಲ್ಲಿ ಸ್ಪಷ್ಟ ಬಳಸಿ
ಹೆಚ್ಚಿನ ವಿನ್ಯಾಸಕರು ಅತ್ಯಂತ ಸ್ಪಷ್ಟವಾದ ಆಸ್ತಿಯನ್ನು ಬಳಸುತ್ತಾರೆ , ಪುಟ ಅಂಶಗಳ ವಿನ್ಯಾಸದಲ್ಲಿದ್ದಾರೆ . ಪಠ್ಯದ ಬ್ಲಾಕ್ನಲ್ಲಿ ನೀವು ತೇಲುವ ಚಿತ್ರವನ್ನು ಹೊಂದಿರಬಹುದು ಮತ್ತು ಮುಂದಿನ ಪ್ಯಾರಾಗ್ರಾಫ್ ಚಿತ್ರದ ಕೆಳಗೆ ಪ್ರಾರಂಭಿಸಲು ಬಯಸಬಹುದು, ಅಥವಾ ನೀವು ಪಠ್ಯವನ್ನು ಮತ್ತೊಂದು ಗುಂಪಿನ ಪಕ್ಕದಲ್ಲಿ ಫ್ಲೋಟ್ ಮಾಡಲು ಬಯಸುವ ಪಠ್ಯದ ಸಂಪೂರ್ಣ ಕಾಲಮ್ ಅನ್ನು ಹೊಂದಿರಬಹುದು, ಕೆಲವು ಪಠ್ಯ ಕೆಳಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.
ಈ ರೂಪದಲ್ಲಿ ಲೇಔಟ್ಗಾಗಿ HTML ಇಲ್ಲಿದೆ.
ಇದು ಎಡಭಾಗಕ್ಕೆ ತೇಲುತ್ತಿರುವ ಮತ್ತೊಂದು ಡಿವಿಡಿ ಧಾರಕವನ್ನು ಹೊಂದಿದೆ.
ಸಣ್ಣ ತೇಲುವ DIV
ತೇಲುವ DIV ನ ಬಲಕ್ಕೆ ಹೋಗುವ ಕಂಟೇನರ್ DIV ಒಳಗೆ ವಿಷಯಗಳು.
ಇದು ಮುಖ್ಯವಾದ DIV ಯ ಉಳಿದ ವಿಷಯಗಳ ಎಡಭಾಗಕ್ಕೆ ತೇಲುತ್ತಿರುವ ಚಿಕ್ಕ ಡಿವಿಡಿಯೊಂದಿಗೆ ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.
ತೇಲುವ ಪೆಟ್ಟಿಗೆಯ ಅಡಿಯಲ್ಲಿ ಬರೆಯುವಿಕೆಯನ್ನು ಪ್ರಾರಂಭಿಸಲು ನೀವು ಬಯಸಿದಲ್ಲಿ ಟ್ಯಾಗ್ ಅನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ತೇಲುವ ಪೆಟ್ಟಿಗೆಯ ಪಕ್ಕದಲ್ಲಿರುವ ಪಠ್ಯವನ್ನು ನೀವು ತೆರವುಗೊಳಿಸಬಹುದು.
ಆದರೆ ತೇಲುವ ಬಾಕ್ಸ್ ಅದರ ಮುಂದೆ ಇರುವ ವಿಷಯಗಳಿಗಿಂತ ಮುಂದೆ ಇದ್ದಾಗ ಸಮಸ್ಯೆ ಬರುತ್ತದೆ. ನಂತರ, ನೀವು ನೋಡಬಹುದು ಎಂದು, ಮುಖ್ಯ ಪೆಟ್ಟಿಗೆಯ ಹಿನ್ನಲೆ ಬಣ್ಣದ ತೇಲುವ ಪೆಟ್ಟಿಗೆಯ ಕೆಳಗೆ ಕೈಗೊಳ್ಳಲಾಗುವುದಿಲ್ಲ.
ಅದೃಷ್ಟವಶಾತ್, ಇದನ್ನು ಸರಿಪಡಿಸಲು ಸುಲಭವಾದ ಮಾರ್ಗವಿದೆ: ಆಸ್ತಿ. ಮುಖ್ಯ ಪೆಟ್ಟಿಗೆಯನ್ನು ಸ್ಥಳಾಂತರಕ್ಕೆ ಹೊಂದಿಸುವ ಮೂಲಕ: ಸ್ವಯಂ; ಈ ಉದಾಹರಣೆಯಲ್ಲಿ ತೋರಿಸಿರುವಂತೆ , ಹಿನ್ನೆಲೆ ಬಣ್ಣವು ಮುಂದೆ ತೇಲುವ ಪೆಟ್ಟಿಗೆ ಪಕ್ಕದಲ್ಲಿಯೇ ಇರುತ್ತದೆ.